JavaScript中的事件与事件处理程序

加里玛·贾恩

我的老师说javascript中的onclick是一个事件和一个事件处理程序。但是我不能同意她的看法,我发现它们是不同的,但是不能正确地区分。做了很多的谷歌搜索,找不到任何相关的东西。所以有人请区分事件和事件处理程序。

沙克蒂·帕蒂亚尔

根据https://developer.mozilla.org上的文档

事件

发送事件以将发生的事情通知代码。每个事件都由一个基于事件接口的对象表示,并且可能具有其他自定义字段和/或用于获取有关发生的事件的其他信息的函数。事件可以代表一切,从基本的用户交互到网页中发生的事件的自动通知。

事件处理程序

在事件触发时执行某些操作的函数或代码行称为事件处理程序。

例如:

click 是单击某些内容时触发的事件。

onclick 是事件处理程序,在单击事件发生时会执行某些操作。

<button onClick="alert('You clicked me');">Click me to fire a click event</button>

在上面的示例中,当按钮上发生单击事件时,事件处理程序(onClick)会执行警报和显示消息的工作。

事件处理程序也可以附加到某些事件,例如下面的示例:

document.getElementById('sampleParagraph').addEventListener("click", function(){
  //I am the event handler Function
  alert("A click event occured on the paragraph");
});
<p id="sampleParagraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</p>

在上面的示例中,我们在该事件上附加了事件处理程序,该事件在单击事件时向您显示警报。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Vanilla JavaScript中的事件处理程序命名空间

如何将事件作为参数传递给JavaScript中的内联事件处理程序?

如何清除/删除JavaScript事件处理程序?

在WKWebView中处理JavaScript事件

JavaScript中PubSub /过多事件和事件处理程序的性能成本?

Javascript事件处理程序不起作用

内联事件处理程序练习javascript

JavaScript事件处理程序问题

JavaScript stopImmediatePropagation在事件处理程序中不起作用

JavaScript中的异步事件处理

JavaScript中同时存在两个事件,单击事件处理程序未执行

Python网页中的Javascript事件处理程序不起作用

Javascript:从外部设置函数中删除绑定事件处理程序

命名事件处理程序是否比JavaScript中的匿名事件处理程序消耗更多的内存?

JavaScript中的事件处理程序

事件循环如何处理JavaScript中的事件处理程序?

如何在JavaScript中为各种事件创建单个事件处理程序

将事件处理程序移到javascript函数中

处理程序中的javascript remove事件,

事件处理程序以及Haste中的事件

通过引用在javascript中定义事件处理程序的范围

动态添加的事件处理程序会禁用Javascript中的上一个事件处理程序

如何从JavaScript中的事件处理程序调用公共函数?

在浏览器事件处理程序中禁用JavaScript

事件处理程序中的事件处理程序正在相乘

如何从 Xpath 中的 javascript 事件处理程序获取链接?

如何停止从 JavaScript 中的事件处理程序传播?

在事件处理程序中关闭

类方法作为事件处理程序 Javascript