新建一个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制一个飘浮的图片效果
- 刷新页面如何保存表单值
- 腾讯视频如何投屏到电视
- 家居风水丨厨房门卧室门正对大忌，该如何化解
- 冬季气温骤降，我们该如何养生防病？
- 老人冬季应该如何养生保健？