资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js 鼠标事件的抓取
1.通过ele.setCapture();设置鼠标事件的抓取。
2，应用可以通过单、双击文字来获取时间。
代码如下：
<html> <head> <title>鼠标事件的抓取</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%2F%2F%20%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6%E7%9A%84%E6%8A%93%E5%8F%96%20%0D%0Afunction%20mouseCapture()%7B%20%0D%0Aele.setCapture()%3B%20%0D%0A%7D%20%0D%0A%2F%2F%20%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6%E7%9A%84%E9%87%8A%E6%94%BE%20%0D%0Afunction%20showAction()%7B%20%0D%0Aif%20(event.srcElement.id%20!%3D%20%22ele%22)%20%0D%0Aele.style.background%20%3D%20%22pink%22%3B%20%0D%0Aelse%20%0D%0Aele.releaseCapture()%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <h2 onmouseover="style.color='red'" onmouseout="style.color='black'"> 鼠标事件的抓取</h2> <hr> <div id="ele" onclick="showAction()" ondblclick="style.background='yellow'"> 接收鼠标事件的HTML元素 </div> <form> <input type="button" value="设置事件抓取" onclick="mouseCapture()"> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程