整合營銷服務商

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

          免費咨詢熱線:

          超鏈接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跳轉實例子


          主站蜘蛛池模板: 国产亚洲3p无码一区二区| 精品三级AV无码一区| 亚洲午夜日韩高清一区| 高清无码一区二区在线观看吞精| 爱爱帝国亚洲一区二区三区 | 视频一区二区在线播放| 日韩精品一区二区三区中文字幕| 国产亚洲一区区二区在线| 日韩精品无码一区二区三区| 无码国产精品一区二区免费式影视| 亚洲av色香蕉一区二区三区| 一区二区三区四区在线观看视频 | 无码人妻精品一区二区三区不卡| 国产精品一区二区电影| 中文字幕在线无码一区| 亚洲欧美日韩中文字幕一区二区三区 | 亚洲国产老鸭窝一区二区三区 | 国模视频一区二区| 国产探花在线精品一区二区| 亚洲高清一区二区三区电影| 国产激情一区二区三区| 亚洲一区二区三区亚瑟| 乱人伦一区二区三区| 亚洲综合色一区二区三区小说| 国产成人一区二区三区电影网站| 精品乱子伦一区二区三区高清免费播放| 无码人妻一区二区三区在线| 国产a久久精品一区二区三区| 久久精品国产一区| 波多野结衣中文一区| 人妻激情偷乱视频一区二区三区 | 国产成人精品一区二三区在线观看| 无码AV中文一区二区三区| 国产精品伦子一区二区三区| 亚洲日本va午夜中文字幕一区| 能在线观看的一区二区三区| 精品熟人妻一区二区三区四区不卡 | 国产91大片精品一区在线观看 | 日韩精品无码一区二区三区免费 | 国产av成人一区二区三区| 日韩久久精品一区二区三区|