javaScript什么叫事件源

在事件中,当前操作的那个元素就是事件源,比如网页元素中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 属性来获取事件源。

获取事件源
点击这里
document.getElementById("demo").onclick=function(e){ var eve = e || window.event; var srcNode = eve.target || eve.srcElement; // 兼容所有浏览器 alert(srcNode); }

登录后复制

更多编程相关知识,请访问:编程视频!!

以上就是javaScript什么叫事件源的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2712356.html

(0)
上一篇 2025年3月7日 21:12:29
下一篇 2025年3月2日 07:29:27

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript如何通过id属性获取页面元素

    在javascript中,可以使用getElementById方法获取获取页面元素,语法格式为“document.getElementById(“id名称”)”。getElementById方法可返回对拥有指定ID的…

    2025年3月7日
    200
  • javascript的基本特点有哪些

    javascript的基本特点:1、解释型的脚本语言,可在程序的运行过程中逐行进行解释。2、基于对象,它不仅可以创建对象,也能使用现有的对象。3、设计简单紧凑,容易学习。4、动态性。5、跨平台性,它不依赖于操作系统,仅需要浏览器的支持。 本…

    2025年3月7日
    200
  • javascript条件控制语句有哪些

    js条件控制语句有:1、if语句;2、“if … else if … else…”语句;3、switch语句;4、while语句;5、“do…while”语句;6、for语句;7、“for…in”语句;8、with语句。 本教程操作环境:w…

    2025年3月7日
    200
  • javascript代码有几种使用方式

    javascript代码有两种使用方式,分别是:1、直接执行,打开一个网页时,所有定义在script标签或链入的js文件中的JavaScript代码就会被执行;2、事件驱动,当发生某一个事件时,执行某段JavaScript代码。 本教程操作…

    2025年3月7日
    200
  • jsp和javascript是一个东西吗

    JAVASCRIPT和JSP不是同一个东西。JavaScript语言可以被嵌入HTML文件中,可以做到回应使用者的需求事件而不用来回传输资料;JSP是动态网页技术标准,为整个服务器端的JAVA库单元提供了一个接口来服务于HTTP的应用程序。…

    2025年3月7日
    200
  • javascript中random用法是什么

    在javascript中,random的用法是“Math.random()”。“random()”方法可返回介于0~1之间的一个随机数,该方法返回的数值可以为0,但不可能为1。 本教程操作环境:windows7系统、javascript1.…

    2025年3月7日
    200
  • javascript怎么添加双实线

    在javascript中,可以使用“css()”方法添加双实线,语法格式为“$(“元素名称”).css(“border”,”宽度 颜色 double”)”。“css()…

    2025年3月7日
    200
  • javascript区分大小写吗

    JavaScript是一种区分大小写的语言,这就是说,在输入语言的关键字、变量、函数名以及所有的标识符时,都必须采取一致的字符大小写形式。 本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。 Jav…

    2025年3月7日
    200
  • JavaScript中如何声明常量

    在js中,可以使用const关键字声明常量,语法格式为“const 名称=值;”。const声明创建一个值的只读引用,但这并不意味着它所持有的值是不可变的,只是变量标识符不能重新分配。 本教程操作环境:windows7系统、javascri…

    2025年3月7日
    200
  • JavaScript中比较运算符有哪些

    JavaScript比较运算符有:1、“==”,等于;2、“===”,值相等并且类型相等;3、“!=”,不想等;4、“!==”,值不相等并且类型不相等;5、“>”,大于;6、“=”,大于或等于;8、“ 本教程操作环境:windows7…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论