前言 最近在開發時遇見一個問題 我們知道a標簽是沒有 屬性的,那麼如何實現a標簽按鈕的禁用呢? 轉換一下思維,設置 屬性的元素表現為不能點擊、無法獲得游標焦點,那麼我們不用 屬性實際上也可以達到同樣的效果! 方法一:移除點擊事件 或`touchend` 我們可以直接使用jquery:unbind() ...
前言
最近在開發時遇見一個問題
我們知道a標簽是沒有disabled
屬性的,那麼如何實現a標簽按鈕的禁用呢?
轉換一下思維,設置disabled
屬性的元素表現為不能點擊、無法獲得游標焦點,那麼我們不用disabled
屬性實際上也可以達到同樣的效果!
方法一:移除點擊事件click
或touchend
我們可以直接使用jquery:unbind()或者JS:removeEventListener()移除點擊事件
方法二:給a標簽設置css屬性pointer-events:none
pointer-events:none是css3中的屬性,表示禁用滑鼠事件,這樣實際上也是將click事件去掉了!
方法三:移除a標簽的href屬性
我們可以使用jquery:removerAttr()
或者JS:removeAttribute()
移除a標簽的href
屬性
文章轉自:http://www.bubuko.com/infodetail-3261548.html