繁体   English   中英

事件绑定是什么意思?

[英]What does event binding mean?

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

事件绑定是指告诉浏览器,只要发生某些“事件”,就应该调用特定的 function。 事件主要与用户输入有关,例如点击。

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

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

这将 function 绑定到带有标识符elem的 DOM object 的click事件。 当用户单击它时,将显示一个警报(消息框)。 Binding is done by invoking the jQuery bind function but there are other means to do that, (eg jQuery click function in case of binding to click event).

当您将某些内容绑定到事件时,它将在事件触发时触发。 这就像将雾喇叭粘在汽车的制动踏板上。

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

  • 单击一个按钮
  • Select 下拉列表中的值
  • Hover 鼠标悬停在项目上

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

捕获事件的一种常见(并且经常被误导)方法是在 HTML 元素本身上执行此操作(如下面的onclick属性所示)

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

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

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

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

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

jQuery 使这更容易:

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

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

详细解释:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM