javaScript什么叫事件源

青灯夜游 原创: 2023-01-06 11:17:07 3719浏览

在事件中，当前操作的那个元素就是事件源，比如网页元素中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什么叫事件源的详细内容，更多请关注php中文网其它相关文章！

javaScript 事件源 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：typescript和javascript的区别有哪些下一条：javascript如何设置文本框输入时变颜色