js如何限制div內使用鼠標右鍵功能

新建一個html文件 , 定名為test.html , 用于講解若何禁用div內的鼠標右鍵功能 。


js如何限制div內使用鼠標右鍵功能



2在test.html頁面 , 利用div建立一個模塊 , 并設置div的id屬性為t1 , 用于下面便利獲取div對象 。


js如何限制div內使用鼠標右鍵功能



3利用css樣式給div結構 , 設置div寬度為300px , 高度為200px , 文字居中顯示 , 布景顏色為紅色 。


js如何限制div內使用鼠標右鍵功能



4在test.html頁面 , 給div綁定onMouseOver鼠標事務 , 實現當鼠標放在div上時 , 執行stop()函數 。

js如何限制div內使用鼠標右鍵功能



5在test.html頁面 , 在script標簽內建立stop()函數 , 實現當鼠標放在div上 , 返回false , 即什么都不操作 。


js如何限制div內使用鼠標右鍵功能



6在script標簽內 , 利用document.getElementById()方式經由過程id獲得div對象 , 并設置oncontextmenu為stop , 即禁用div內的右健菜單功能 。


js如何限制div內使用鼠標右鍵功能



7【js如何限制div內使用鼠標右鍵功能】在瀏覽器運行test.html , 把鼠標放在div上 , 點擊右鍵 , 看是否當作功禁用右鍵菜單功能 。


js如何限制div內使用鼠標右鍵功能



以上內容就是js如何限制div內使用鼠標右鍵功能的內容啦 , 希望對你有所幫助哦!

    猜你喜歡