当前位置 : 主页 > 网络编程 > JavaScript >

javaScript什么叫事件源

来源:互联网 收集:自由互联 发布时间:2021-09-03
在事件中,当前操作的那个元素就是事件源,比如网页元素中input有onclick事件,当点击input发送onclic事件时,事件源就是input。事件源是作为event对象的属性存在的,可以使用srcElement属性

在事件中,当前操作的那个元素就是事件源,比如网页元素中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>

更多编程相关知识,请访问:编程视频!!

以上就是javaScript什么叫事件源的详细内容,更多请关注自由互联其它相关文章!

网友评论