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

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

核心代码如下：

1.    <script></p> <p>2.        <!--</p><p>3. /*</p><p>4. * 功能：使用JavaScript修改组件中onclick事件所执行的方法</p><p>5. * 创建者：FrancisRan</p><p>6. * 创建时间：2010-07-30</p><p>7. * 最后修改时间：2010-07-30</p><p>8. * copyright (c)2010 ranfanwei1988@126.com</p><p>9. */</p><p>10. </p><p>11. //修改onclick事件的值</p><p>12. function addEvent () {</p><p>13. alert("修改前的onclick：\n\n" + document.getElementById("eventTest").onclick);</p><p>14. </p><p>15. //修改eventTest组件的onclick值</p><p>16. document.getElementById("eventTest").onclick = alertEvent2;</p><p>17. </p><p>18. alert("修改后的onclick：\n\n" + document.getElementById("eventTest").onclick);</p><p>19. alert("修改成功，单击“弹出”按钮查看效果");</p><p>20. }</p><p>21. </p><p>22. //修改前的事件</p><p>23. function alertEvent () {</p><p>24. alert("这是没有删除触发的事件");</p><p>25. }</p><p>26. </p><p>27. //修改后的事件</p><p>28. function alertEvent2 () {</p><p>29. alert("这是删除后触发的事件");</p><p>30. }</p><p>31. --></p> <p>32.   </script>

33.  

34.  

35.