整合營銷服務商

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

          免費咨詢熱線:

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


          主站蜘蛛池模板: 一区二区三区无码高清| 精品亚洲av无码一区二区柚蜜| 久久精品道一区二区三区| 人妻av综合天堂一区| 日韩精品午夜视频一区二区三区| 中文字幕在线一区二区在线| 亚洲福利视频一区| 韩国理伦片一区二区三区在线播放| 亚洲AV无码一区二区二三区入口 | 国产一区二区三区在线免费| 一本一道波多野结衣一区| 午夜DV内射一区区| 亚洲一区二区三区在线观看精品中文| 无码人妻久久一区二区三区| 老熟女高潮一区二区三区| 日韩精品电影一区| 日韩免费观看一区| 一区视频在线播放| 人妻体内射精一区二区三区| 精品一区二区三区AV天堂| 日韩AV无码一区二区三区不卡毛片 | 一区二区中文字幕在线观看| 无码视频一区二区三区在线观看| 五十路熟女人妻一区二区| 久久久精品日本一区二区三区| 中文字幕日韩一区| 亲子乱AV视频一区二区| 免费高清av一区二区三区| 国产电影一区二区| 少妇无码一区二区三区| 国产一区二区三区免费观看在线 | 国产成人久久精品麻豆一区| 久久er99热精品一区二区| 合区精品久久久中文字幕一区| 人妖在线精品一区二区三区| 免费日本一区二区| 亚洲国产一区国产亚洲| 三上悠亚一区二区观看| 亚洲高清偷拍一区二区三区| 色综合久久一区二区三区| 久久久久无码国产精品一区|