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上,点击右键,看是否成功禁用右键菜单功能。