您的位置是:网站首页>Javascript编程Javascript编程

javaScript什么叫事件源

少儿编程网2021-12-31 13:56:29Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介在事件中,当前操作的那个元素就是事件源,比如网页元素中input有onclick事件,当点击input发送onclic事件时,事件源就是input。事件源是作为event对象的属性存在的,可以使用srcElement属性来获取事件源。本教程操作环境:windows7系统、javascript1.8.

在事件中,当前操作的那个元素就是事件源,比如网页元素中input有onclick事件,当点击input发送onclic事件时,事件源就是input。事件源是作为event对象的属性存在的,可以使用srcElement属性来获取事件源。ou2少儿编程网-https://www.pxcodes.com

ou2少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
ou2少儿编程网-https://www.pxcodes.com

事件源

在事件中,当前操作的那个元素就是事件源。比如网页元素中 input 有 onclick 事件,当点击 input 发送 onclic 事件时,事件源就是 input。ou2少儿编程网-https://www.pxcodes.com

常见事件源ou2少儿编程网-https://www.pxcodes.com

(鼠标) 事件描述
onclick鼠标单击对象时触发
ondblclick鼠标双击对象时触发
onmousedown鼠标按钮被按下时触发
onmousemove鼠标被移动时触发
onmouseout鼠标离开监听该事件的元素或子元素时触发
onmouseover鼠标移动到监听该事件的元素或子元素时触发
onmouseup鼠标松开时触发
(键盘) 事件描述
onkeydown键盘按下
keypress键盘按住
keyup键盘松开
(表单控件) 事件描述
onblur失去焦点
onfocus获取焦点
oninput输入
onchange改变
onsubmit提交
onreset重置
(页面) 事件描述
onload页面加载结束
onscroll滚动
onresize改变大小

获取事件源:ou2少儿编程网-https://www.pxcodes.com

事件源是作为event对象的属性存在的。在W3C规范中,这个属性是 target ;但是 IE8.0 及其以下版本不支持该属性,它使用 srcElement 属性来获取事件源。ou2少儿编程网-https://www.pxcodes.com

<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什么叫事件源的详细内容,更多请关注少儿编程网其它相关文章!ou2少儿编程网-https://www.pxcodes.com

来源:php中文网ou2少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

javaScript什么叫事件源

      匿名评论
    • 评论
    人参与,条评论
    javaScript什么叫事件源

微信公众号

免费视频教程

先知道