禁止滑鼠點選事件
javascript用來取消事件的預設動作。比如取消開啟連結,選擇文字或拖放等 當前元素的瀏覽器預設行為,但並不阻止事件被父級及document響應。
event.preventDefault()
注意,如果 Event 物件的 cancelable 屬性是 fasle,那麼就沒有預設動作,或者不能阻止預設動作。呼叫該方法沒有作用。徹底取消瀏覽器事件,阻止事件被父級及document響應
event.stopPropagation()
兩種方法都可以在事件傳播的任何階段都可以呼叫 純css實現禁止滑鼠點選事件 pointer-events ,他可以 1 阻止使用者的點選動作產生任何效果
2 阻止預設滑鼠指標的顯示
3 阻止CSS裡的hover和active狀態的變化觸發事件
4 阻止JavaScript點選動作觸發的事件
舉個例子
<button class="disabled">
<style scoped>
.disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
</style>
button</button>
禁止按鈕點選 ,ie9不支援,scoped火狐瀏覽器支援。
相關文章
- css禁用滑鼠點選事件CSS事件
- jquery實現的右鍵滑鼠點選事件jQuery事件
- 滑鼠右鍵點選事件簡單介紹事件
- 如何使用 JavaScript 程式碼建立虛擬滑鼠點選事件JavaScript事件
- 手持裝置點選響應速度,滑鼠事件與touch事件的那些事事件
- jQuery模擬實現滑鼠點選事件程式碼例項jQuery事件
- React滑鼠點選事件物件中的幾個用到的屬性React事件物件
- js禁止使用滑鼠選中元素內容程式碼例項JS
- 易語言-API點選滑鼠API
- 滑鼠經過、移出、點選命令
- 滑鼠事件事件
- Swift UITableView巢狀UICollectionView點選事件衝突(點選事件穿透)SwiftUIView巢狀事件穿透
- 點選事件的委派事件
- .滑鼠點選愛心特效的實現特效
- 滑鼠拖拽事件事件
- 網頁如何禁止滑鼠右鍵網頁
- databinding的點選事件事件
- RecyclerView中item點選事件View事件
- RapidClick for Mac,滑鼠自動點選工具APIMac
- win10怎麼禁止滑鼠喚醒 如何禁止滑鼠喚醒win10電腦休眠Win10
- angular 的滑鼠事件Angular事件
- 監聽滑鼠事件事件
- 滑鼠、鍵盤事件事件
- 使用者在瀏覽器上點選滑鼠後所發生的事件[讓我看看]瀏覽器事件
- tabbar凸起點選事件處理tabBar事件
- echarts 工具條點選事件控制Echarts事件
- MxDraw雲圖點選事件教程事件
- DataBinding中xml 點選事件XML事件
- R::shiny 點選事件-Demo事件
- 事件 滑鼠事件 表單事件 from表單事件
- javaScript事件(五)事件型別之滑鼠事件JavaScript事件型別
- SVG使用滑鼠點選繪製折線效果SVG
- Android觸控事件(續)——點選長按事件Android事件
- AngularJs 鍵盤事件和滑鼠事件AngularJS事件
- jQuery 事件(一) 滑鼠與鍵盤事件jQuery事件
- QGraphicsScene中捕捉滑鼠事件CSS事件
- wx模擬滑鼠事件事件
- wx處理滑鼠事件事件