事件綁定是什么意思？

Question

事件綁定是什么意思？ 每當我在互聯網上搜索時，我總是會遇到這個詞，無論我試圖尋找什么意思，它對我來說仍然是模糊的@_@ 前一段時間，在閱讀一些關於 JavaScript 的博客時，我看到人們使用這個神聖的詞，我不能抓牢。

Answer 1

事件綁定是指告訴瀏覽器，只要發生某些“事件”，就應該調用特定的 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).

Answer 2

當您將某些內容綁定到事件時，它將在事件觸發時觸發。 這就像將霧喇叭粘在汽車的制動踏板上。

Answer 3

當您在 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.
});

Answer 4

JS 中的綁定，是在實際進程開始之前捕獲一些事件（如焦點、單擊、onmouseover 等）並執行一些其他操作。

詳細解釋：

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

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