多语言展示
当前在线:204今日阅读:113今日分享:31

js如何限制div内使用鼠标右键功能

使用js限制div内使用鼠标右键功能,主要需要设置div对象oncontextmenu属性为stop,即可禁用div内的鼠标右键功能。下面介绍实现的过程。
方法/步骤
1

新建一个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

在浏览器运行test.html,把鼠标放在div上,点击右键,看是否成功禁用右键菜单功能。

推荐信息