css取消滑鼠事件程式碼例項
在實際應用中可能需要取消一些滑鼠事件,比如取消對於連結的點選事件。
這個動作可以使用js實現,具體可以參閱javascript阻止預設動作程式碼例項一章節。
其實css也可以實現此功能,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> * { padding: 0; margin: 0; } a{ pointer-events: none; } </style> </head> <body> <a href="http://www.softwhy.com">螞蟻部落</a> </body> </html>
上面的程式碼中,我們就無法點選練級了,css的pointer-events屬性實現了此功能。
具體可以參閱CSS3 pointer-events一章節。
相關文章
- 滑鼠中鍵滾動mousewheel事件例項程式碼事件
- css滑鼠懸浮tips效果程式碼例項CSS
- CSS自定義滑鼠指標形狀程式碼例項CSS指標
- css自定義滑鼠指標圖示程式碼例項CSS指標
- jQuery模擬實現滑鼠點選事件程式碼例項jQuery事件
- css模擬實現雙擊事件程式碼例項CSS事件
- css滑鼠懸浮顏色動態填充效果程式碼例項CSS
- 禁用滑鼠右鍵例項程式碼
- css梯形程式碼例項CSS
- css3程式碼實現的滑鼠懸浮按鈕效果程式碼例項CSSS3
- CSS滑鼠經過連結切換背景圖片例項程式碼CSS
- jQuery事件冒泡程式碼例項jQuery事件
- jQuery禁用滑鼠右鍵程式碼例項jQuery
- css切角效果程式碼例項CSS
- CSS 對聯程式碼例項CSS
- css分割線程式碼例項CSS線程
- css模糊效果程式碼例項CSS
- CSS RGBA 程式碼例項CSS
- CSS實現的滑鼠滑過改變連結文字例項程式碼CSS
- js監聽鍵盤事件程式碼例項例項JS事件
- 滑鼠懸浮彈出滑鼠跟隨層程式碼例項
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- javascript鍵盤事件程式碼例項JavaScript事件
- js阻止事件冒泡例項程式碼JS事件
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- javascript事件委託程式碼例項JavaScript事件
- jQuery阻止事件冒泡例項程式碼jQuery事件
- 遮蔽滑鼠右鍵選單例項程式碼單例
- 滑鼠懸浮評分效果程式碼例項
- 網頁禁用滑鼠右鍵程式碼例項網頁
- css3實現滑鼠懸浮劃過光弧效果程式碼例項CSSS3
- 純css tab選項卡程式碼例項CSS
- CSS 隔行變色程式碼例項CSS
- CSS空心箭頭程式碼例項CSS
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- css元素位置固定程式碼例項CSS