使用JavaScript修改組件中onclick事件所執行的方法

 

之前在項目中經常會遇到一種情況，點擊同一個html組件，執行不同的方法或者功能。所以就自己寫了如下的方法，比較笨，但是還可以執行。

核心代碼如下：

1.    <script>

2.        <!--

3.        /*

4.         * 功能：使用JavaScript修改組件中onclick事件所執行的方法

5.         * 建立者：FrancisRan

6.         * 建立時間：2010-07-30

7.         * 最後修改時間：2010-07-30

8.         * copyright (c)2010 ranfanwei1988@126.com

9.         */

10.       

11.       //修改onclick事件的值

12.       function addEvent () {

13.           alert("修改前的onclick：\n\n" + document.getElementById("eventTest").onclick);

14.  

15.           //修改eventTest組件的onclick值

16.           document.getElementById("eventTest").onclick = alertEvent2;

17.  

18.           alert("修改後的onclick：\n\n" + document.getElementById("eventTest").onclick);

19.           alert("修改成功，單擊“彈出”按鈕查看效果");

20.       }

21.  

22.       //修改前的事件

23.       function alertEvent () {

24.           alert("這是沒有刪除觸發的事件");

25.       }

26.  

27.       //修改後的事件

28.       function alertEvent2 () {

29.           alert("這是刪除後觸發的事件");

30.       }

31.       -->

32.   </script>

33.  

34.   <input type = "button" id = "eventTest" onclick = "alertEvent ()" value = "彈出" />

35.   <input type = "button" onclick = "addEvent ()" value = "修改" />

本文出自 “FrancisRan” 部落格