森老頭的瘋狂世界

本文中利用二種方式來動態新增與移除用戶端事件

使用統一的 HTML 格式來呈現
<div> <!-- JQuery 網頁不需要 ScriptManager 控件 --> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <input id="Button1" type="button" value="Button1" /> <hr /> <input id="Button2" type="button" value="為 Button1 註冊 Click 事件" /> <input id="Button3" type="button" value="為 Button1 移除 Click 事件" /> </div>

用戶端指令碼(JavaScript)
1.ASP.NET AJAX Library

<script type="text/javascript"> function pageLoad() { $addHandler($get("Button2"), "click", AddHandlerButton1); $addHandler($get("Button3"), "click", RemoveHandlerButton1); } function Button1_onclick() { alert("Button1 Clicked"); } function AddHandlerButton1() { $addHandler($get("Button1"), "click", Button1_onclick); } function RemoveHandlerButton1() { $removeHandler($get("Button1"), "click", Button1_onclick); } </script>

2.JQuery

<script src="jquery-1.2.6.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#Button2").click(function() { $("#Button1").bind("click", function() { alert("Button1 Clicked"); }); }); $("#Button3").click(function() { $("#Button1").unbind("click"); }); }); </script>

很明顯, JQuery 的程式碼精簡很多。