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

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

核心代码如下：

<script>
<!--
/*
* 功能：使用JavaScript修改组件中onclick事件所执行的方法
* 创建者：FrancisRan
* 创建时间：2010-07-30
* 最后修改时间：2010-07-30
* copyright (c)2010 ranfanwei1988@126.com
*/

//修改onclick事件的值
function addEvent () {
alert("修改前的onclick：\n\n" + document.getElementById("eventTest").onclick);

//修改eventTest组件的onclick值
document.getElementById("eventTest").onclick = alertEvent2;

alert("修改后的onclick：\n\n" + document.getElementById("eventTest").onclick);
alert("修改成功，单击“弹出”按钮查看效果");
}

//修改前的事件
function alertEvent () {
alert("这是没有删除触发的事件");
}

//修改后的事件
function alertEvent2 () {
alert("这是删除后触发的事件");
}
-->
</script>

<input type = "button" id = "eventTest" onclick = "alertEvent ()" value = "弹出" />
<input type = "button" onclick = "addEvent ()" value = "修改" />

本文出自 “FrancisRan” 博客，请务必保留此出处http://francisran.blog.51cto.com/2668879/697565