整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          超鏈接a的處理!阻止跳轉行為的方法

          時我們會遇到這種需要在a標簽上添加click事件,并且跳轉前處理一些事務,因此需要做一些處理,看很多人會這樣寫

          <a href="#">link</a>,

          但是發現點擊后頁面返回了頂部,所以又出現了這樣的寫法等

          <a href="###">link</a>

          但這樣并不兼容所有瀏覽器,有些瀏覽器就會出現很怪異的形為。 因此,這個問題還需要其它方法來解決。

          方法一

          <a href="javascript:void(0)">百度</a>

          void是一個操作符,void(0)返回undefined,地址不發生跳轉

          <a href="javascript:;">百度</a>

          和以上相同,返回undefined

          方法二 用return false

          <a onclick="show()">百度</a> <script>

          function show(){

          alert("我沒跳轉");

          return false;

          }

          、CSS方法

          .disabled { pointer-events: none; }

          二、jQuery方法

          方法一

          $(this).click(function (event) {
              event.preventDefault();
          }

          方法二

          $('a').live('click', function(event) {
              alert("抱歉,已停用!");
              event.preventDefault();
          });

          注:此方法中的live亦可以為on, bind等方法

          方法三

          $('.disableCss').removeAttr('onclick'); //去掉標簽中的onclick事件

          通過removeAttr方法來控制html標簽的屬性已達到啟用或禁用事件。另, 使用這種方式也可以控制其他事件或其他效果。

          方法四

          $('#button').attr('disabled',"true");//添加disabled屬性
          $('#button').removeAttr("disabled"); //移除disabled屬性

          注:和方法三是一樣的, 不過disabled屬性一般用在類型為button或submit的input上

          方api:https://uniapp.dcloud.io/component/rich-text.html



          富文本<rich-text>標簽提供了攔截點擊事件@itemclick,可以攔截點擊事件(只支持a、img標簽),返回當前節點信息。

          <rich-text :nodes="mcontent" @itemclick="itemclick"></rich-text>

          1、項目中,富文本中a跳轉實例子


          主站蜘蛛池模板: 精品少妇一区二区三区视频 | 国产自产对白一区| 亚洲国产精品一区二区成人片国内| 亚洲日韩国产欧美一区二区三区| 亚洲无人区一区二区三区| 国产一区二区三区在线观看免费| 亚洲日韩一区二区一无码| 日韩精品无码一区二区三区免费| 成人精品视频一区二区三区| 日本精品夜色视频一区二区| 国产一区韩国女主播| 日美欧韩一区二去三区| 亚洲大尺度无码无码专线一区| 亚洲一区在线免费观看| 亚洲综合无码一区二区三区 | 国产一区二区三区无码免费| 日韩最新视频一区二区三| 亚洲一区免费在线观看| 国产福利91精品一区二区| 久久久久人妻精品一区| 91大神在线精品视频一区| 精品无码成人片一区二区98| 五月婷婷一区二区| 亚洲中文字幕久久久一区| 亚洲国产欧美国产综合一区| 亚洲国产欧美一区二区三区| 无码一区二区三区亚洲人妻| 国产一区二区三区精品久久呦| 精品乱码一区二区三区在线| 国产av福利一区二区三巨| 精品免费久久久久国产一区| 中文人妻无码一区二区三区| 一区二区三区视频在线观看| 久久精品国产AV一区二区三区| 无码人妻精品一区二区蜜桃网站| eeuss鲁片一区二区三区| 精品视频一区二区| 精品一区二区三区免费| 精品少妇人妻AV一区二区三区| 秋霞日韩一区二区三区在线观看 | 中文字幕一区二区三区精华液 |