• 技术文章 >web前端 >js教程

    javaScript什么叫事件源

    青灯夜游青灯夜游2021-06-09 16:24:07原创87

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javaScript 事件源
    上一篇:typescript和javascript的区别有哪些 下一篇:javascript如何设置文本框输入时变颜色
    第16期线上培训班

    相关文章推荐

    • javascript数组排序方法是什么• javascript print方法怎么用• javascript如何定义一个方法• javascript中什么是const• javascript的超集是什么• javascript用哪个关键字声明变量

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网