Web前端开发实战教程（HTML5+CSS3+JavaScript）（AI协同）（第2版）课件 模块九 事件处理.pptx

?事件处理

课件目录01鼠标事件02键盘事件03多媒体事件03表单事件

鼠标事件鼠标事件简述鼠标事件如表9-1所示。

鼠标事件鼠标右击示例通过响应oncontextmenu事件使某个本身处于隐藏状态的元素在鼠标指针的位置显示出来即可。代码的基础实现部分如下。

鼠标事件鼠标右击示例运行上述代码，右击“蜗牛学苑”超链接，右击效果如图9-1所示。通过图?9-1?可以看到，代码通过响应鼠标的oncontextmenu事件可以响应鼠标右击，同时将本身隐藏的盒模型显示出来。使用onmouseout事件实现当鼠标指针离开超链接时隐藏快捷菜单的效果。

鼠标事件鼠标右击示例改进后的实现代码如下。

鼠标事件鼠标指