使用JavaScript修改组件中onclick事件所执行的方法

来源：网络责任编辑：栏目编辑发表时间:2013-07-01 05:01　点击:次

之前在项目中经常会遇到一种情况，点击同一个html组件，执行不同的方法或者功能。所以就自己写了如下的方法，比较笨，但是还可以执行。

核心代码如下：

1. <script>

2. <!--

3. /*

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

5. * 创建者：FrancisRan

6. * 创建时间：2010-07-30

7. * 最后修改时间：2010-07-30

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” 博客