javaScript什么叫事件源
程序员文章站
2022-03-05 09:03:11
...
在事件中，当前操作的那个元素就是事件源，比如网页元素中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 yac扩展
推荐阅读
-
JavaScript鼠标事件是什么？JavaScript鼠标事件详解
-
javascript - thinkphp中为Input file加了onchange事件之后为什么提示无文件被上传？
-
为什么JavaScript中的onmouseover事件鼠标移动时层会闪烁？
-
javascript事件函数中获得事件源的两种不错方法_javascript技巧
-
javascript - thinkphp中为Input file加了onchange事件之后为什么提示无文件被上传？
-
javascript onpropertychange事件疑惑，上全部代码，请指教，为什么它会在IEx下自动执行呢？
-
JavaScript学习之事件是什么？事件有什么用？
-
javascript - 为每个收藏按键添加事件时，为什么“已收藏“总不能变回”收藏“？
-
window.event.srcElement 得到事件源对象_javascript技巧
-
JavaScript鼠标事件是什么？JavaScript鼠标事件详解