事件绑定意味着什么?

时间:2011-06-13 11:47:59

标签: javascript jquery events binding closures

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

4 个答案:

答案 0 :(得分:18)

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

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

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

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

答案 1 :(得分:13)

将事物绑定到某个事件时,将在触发事件时触发该事件。这就像把雾喇叭粘在你车上的制动踏板上一样。

答案 2 :(得分:4)

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

  • 点击按钮
  • 从下拉列表中选择一个值
  • 将鼠标悬停在某个项目

可以在JavaScript代码中捕获这些事件。

一种常见的(通常是微观的)捕获事件的方法是在HTML元素本身上执行此操作(如下面的onclick属性所示)

<input id="MyButton" type="button" value="clickme" onlick="Somefunction()" />

因此,当用户单击该按钮时,将执行SomeFunction功能。

然而,采用称为“后期绑定”的技术被认为是更好的方法。这可确保您的HTML和JavaScript完全分开。

所以,我们可以像这样修改上面的例子:

document.getElementById("MyButton").onclick = function(){
   //functionality here
}

jQuery使这更容易:

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

答案 3 :(得分:0)

JS中的绑定是捕获一些事件(如焦点,单击,onmouseover等),并在实际进程开始之前执行其他一些操作。

详细说明:

  

http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/

     

http://api.jquery.com/bind/