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

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

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

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

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

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

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

以上內容就是js如何限制div內使用鼠標右鍵功能的內容啦 , 希望對你有所幫助哦!
猜你喜歡
- 如何在線解析json視圖查看格式化與轉義
- 在給樂生活APP如何給好友送禮
- jquery中的ajax方法如何發送同步請求
- 如何快速查詢聯通5G資訊
- 如何使用JavaScript制一個飄浮的圖片效果
- 刷新頁面如何保存表單值
- 騰訊視頻如何投屏到電視
- 家居風水丨廚房門臥室門正對大忌,該如何化解
- 冬季氣溫驟降,我們該如何養生防病?
- 老人冬季應該如何養生保?。?
