如何禁用 a 標籤的點選事件

2022-04-02 17:44:56 字數 914 閱讀 1965

1.a標籤要用disable屬性,必須和pointer-events屬性一起使用,

html**:

<

a id

="test"

>測試

a>

js**:

$("#test").attr("disabled",true).css("pointer-events","none");

2.pointer-events 屬性詳解  

pointer-events:  auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | inherit

pointer-events屬性有很多值,但是對於瀏覽器來說,只有auto和non兩個值可用,其它的幾個是針對svg的(本身這個屬性就來自於svg技術)。

auto——效果和沒有定義pointer-events屬性相同,滑鼠不會穿透當前層。在svg中,該值和visiblepainted的效果相同。

none——元素不再是滑鼠事件的目標,滑鼠不再監聽當前層而去監聽下面的層中的元素。但是如果它的子元素設定了 pointer-events為其它值,

比如auto,滑鼠還是會監聽這個子元素的。

用途:比如投票,只能投一次,點讚只能給乙個人讚

$(this).addclass("yizan").children().addclass("zan_icon"); 當前的a標籤為已贊狀態

$(".praise a").attr("disabled",true).css("pointer-events","none");//只能贊一次,禁止再次觸發點選事件

其它屬性值為svg專用,這裡不介紹了

Kotlin如何防止點選事件重複(Android)

今天就和大家來分享下,利用 kotlin 的拓展函式和拓展屬性解決這種問題 第一步 在 res values 目錄下建立乙個 ids.xml 的檔案,定義兩個屬性 第二步 在專案中,新建乙個 kt 檔案,新增如下函式 get set 給view新增乙個上次觸發時間的屬性 用來遮蔽連擊操作 priva...

關於前端如何判斷點選前和點選後的事件

最近接手了乙個新專案,專案需要優化。從 優化到有的格式,在開發的過程中有這麼個問題,因為是通過ajax方式提交的,所以每次查詢完姓名以後再次查另外乙個姓名的時候不會跳轉,所以諮詢了一下前端的技術大拿。他推薦使用全域性變數和區域性變數來賦值,並且通過區域性變數和全域性變數的比對判斷是否是改變了查詢條件...

ios機器上span標籤繫結點選事件無效

瀏覽 的時候無意看到這個坑。記錄一下。解決方案 1 給你的 span 新增 cursor pointer 這樣的屬性以告訴核心這元素是按鈕,至於原因,沒別的,就是核心的 bug 2 修改標籤。3 使用 touch 時間替換 click 事件。也有說在移動端ios的span div元素不能使用clic...