在事件中,当前操作的那个元素就是事件源,比如网页元素中input有onclick事件,当点击input发送onclic事件时,事件源就是input。事件源是作为event对象的属性存在的,可以使用srcElement属性来获取事件源。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
事件源
在事件中,当前操作的那个元素就是事件源。比如网页元素中 input 有 onclick 事件,当点击 input 发送 onclic 事件时,事件源就是 input。
常见事件源:
(鼠标) 事件 | 描述 |
---|---|
onclick | 鼠标单击对象时触发 |
ondblclick | 鼠标双击对象时触发 |
onmousedown | 鼠标按钮被按下时触发 |
onmousemove | 鼠标被移动时触发 |
onmouSEOut | 鼠标离开监听该事件的元素或子元素时触发 |
onmouSEOver | 鼠标移动到监听该事件的元素或子元素时触发 |
onmouseup | 鼠标松开时触发 |
(键盘) 事件 | 描述 |
---|---|
onkeydown | 键盘按下 |
keypress | 键盘按住 |
keyup | 键盘松开 |
(表单控件) 事件 | 描述 |
---|---|
onblur | 失去焦点 |
onfocus | 获取焦点 |
oninput | 输入 |
onchange | 改变 |
onsubmit | 提交 |
onreset | 重置 |
(页面) 事件 | 描述 |
---|---|
onload | 页面加载结束 |
onscroll | 滚动 |
onresize | 改变大小 |
获取事件源:
事件源是作为event对象的属性存在的。在W3C规范中,这个属性是 target ;但是 IE8.0 及其以下版本不支持该属性,它使用 srcElement 属性来获取事件源。
<html> <head> <title>获取事件源</title> </head> <body> <div id=demo>点击这里</div> <script type=text/javascript> document.getElementById(demo).onclick=function(e){ var eve = e || window.event; var srcNode = eve.target || eve.srcElement; // 兼容所有浏览器 alert(srcNode); } </script> </body> </html>
更多编程相关知识,请访问:编程视频!!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。