Javascript 事件绑定是什么意思?

Javascript 事件绑定是什么意思?,javascript,jquery,events,binding,closures,Javascript,Jquery,Events,Binding,Closures,事件绑定是什么意思?每当我在互联网上搜索时,我总会遇到这个词,无论我试图寻找它的含义是什么,它对我来说仍然是模糊的 不久前,在阅读一些关于JavaScript的博客时,我看到人们在使用这个我无法理解的神圣词语。事件绑定指的是告诉浏览器,每当发生“事件”时,应该调用特定的函数。事件主要与用户输入有关,例如单击 jQuery中绑定到事件的示例如下: $("#elem").bind("click", function() { alert("Clicked!"); }); 这将函数绑定到标识符

事件绑定是什么意思?每当我在互联网上搜索时,我总会遇到这个词,无论我试图寻找它的含义是什么,它对我来说仍然是模糊的
不久前,在阅读一些关于JavaScript的博客时,我看到人们在使用这个我无法理解的神圣词语。

事件绑定指的是告诉浏览器,每当发生“事件”时,应该调用特定的函数。事件主要与用户输入有关,例如单击

jQuery中绑定到事件的示例如下:

$("#elem").bind("click", function() {
    alert("Clicked!");
});

这将函数绑定到标识符为
elem
的DOM对象的
click
事件。当用户单击它时,将显示一个警报(消息框)。绑定是通过调用jQuery
bind
函数来完成的,但还有其他方法(例如,在绑定到
click
事件的情况下,jQuery
click
函数)。

将某个内容绑定到事件时,会在触发事件时触发该功能。这就像把雾号粘在汽车的制动踏板上。

在JS中绑定是为了捕捉一些事件(如聚焦、单击、打开鼠标等),并在实际过程开始之前执行一些其他操作

详细说明:


当您在网页上执行操作时,它将触发一个事件。这可能类似于:

  • 点击按钮
  • 从下拉列表中选择一个值
  • 将鼠标悬停在项目上
这些事件可以在JavaScript代码中捕获

捕获事件的一种常见(通常是错误的)方法是对HTML元素本身进行捕获(如下面的
onclick
属性所示)

jQuery使这变得更加容易:

$("#MyButton").click(function(){
    //functionality here.
});

这是一个(误导性的)行话,用于将侦听器附加到元素,以便在相关事件导致元素的处理程序响应时调用它。我认为事件侦听器也是一个更合适的术语,因为它似乎与元素相关,只是有点混淆,因为有些主题涉及过度使用/广泛的术语。谢谢内联事件处理程序并非“误导”。在某些情况下,它们是一个合理的选择。我相信也有一些罕见的情况需要使用onclick属性。但感谢您对后期绑定的意见。谢谢你O) @RobG-我没说is总是被误导,只是“经常”。:-)就我个人而言,我从来没有使用过它们,也没有遇到过必须使用它们的情况。反对它们(以及“不引人注目的JavaScript”)的论据已经确立。请随时退房。你也可以在谷歌上搜索“不引人注目的JavaScript”,看看会有什么结果。@RobG,@Rei:你让我很好奇。关于这一点,我问了另一个问题:@RobG特定情况是什么?非常感谢!!我希望这就是答案,因为我总是读一些有广泛术语的东西,它们在不同的情况下出现。我经常把绑定与某种范围的“分组”联系起来。那么使用
.bind
.on
之间有什么区别呢?他们不是都做同样的事吗?这两个都称为绑定吗?
。on
是更新的、功能更强大的事件绑定API。首先,它支持所谓的事件委派,使您能够将处理程序附加到元素,以便响应发生在其子元素上的事件。对于许多重复的元素(例如列表中的项目),这通常更清晰、更有效,尤其是在添加/删除这些元素时。很好的说明。
document.getElementById("MyButton").onclick = function(){
   //functionality here.
}
$("#MyButton").click(function(){
    //functionality here.
});