首页 > web前端 > js教程 > 正文

javaScript什么叫事件源

青灯夜游
发布: 2021-06-09 16:23:47
原创
5183人浏览过
在事件中,当前操作的那个元素就是事件源,比如网页元素中input有onclick事件,当点击input发送onclic事件时,事件源就是input。事件源是作为event对象的属性存在的,可以使用srcElement属性来获取事件源。

javaScript什么叫事件源

本教程操作环境: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 改变大小

获取事件源:

立即学习Java免费学习笔记(深入)”;

事件源是作为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中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号