探讨：如何动态改变onclick事件的处理？

walkingpoison 2002-11-29 09:29:33

由于需要在代码中根据实际需要动态修改onclick事件的处理程序，于是我查找了一下csdn和msdn，找到了一些方法。但是试过之后发现都不起作用。
1.使用setAttribute方法。
setAttribute("onClick","funcA(argA,argB)",0)
结果是onClick属性确实被赋予了"funcA(argA,argB)"，但是却只是一个字符串，无法运行这个函数。而我把"funcA(argA,argB)"的引号去掉以后，却又没有反应了。

2.使用attachEvent方法
attachEvent("onClick",funcA(argA,argB))
结果似乎并不奏效。attachEvent的第二个参数需要一个指向函数的指针，我这里函数加上了参数，结果就根本不起作用了。

3.迫不得已，我专门写了一个临时的函数funcB()，里面只有一条语句：funcA(argA,argB)。然后使用attachEvent("onClick",funcB)，结果是仍然没有起作用——我不知道这里是否需要配合dettachEvent的使用，如果需要，我也很难得到onClick事件原先指向的函数。

4.我仍然使用上面的临时函数funcB()，使用setAttribute("onClick",funcB,0)，结果这次成功了。

事情总算圆满解决了，但是仍然有很多值得思考的地方。为什么使用前面3种方法都不行呢？如果不写临时函数，能完成需要的功能吗？这些我都不是很清楚，希望各位能够给我一些指点和参考。

附：调试环境：win2000 pro, ie 6.0

...全文

2073 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

emu 2002-11-29

打赏
举报

Lostinet(迷失网络)的方法能通过的

walkingpoison 2002-11-29

打赏
举报

等你的专家分达到1000就可以给200分了

iflyer 2002-11-29

打赏
举报

UP

BTW：为什么你可以给200分，我只能给100分？

walkingpoison 2002-11-29

打赏
举报

总结：
在调用带参数的函数的时候，可以用两种方法
1.使用obj.onclick=Function("funcA(argA,argB)"))的方法直接修改。

2.使用setAttribute方法，obj.setAttribute("onclick",Function("funcA(argA,argB)"),0)。

经过测试，attachEvent方法仍然不可用。还有待探讨。

walkingpoison 2002-11-29

打赏
举报

wangxj0600(旁观拍手笑疏狂，疏又何妨，狂又何妨)你可以试一下带有参数的情况，代码会略有不同的。

经过测试，我上面提到的第4种方法可以改进为setAttribute("onclick",Function("funcA(argA,argB)"),0)。
我想主要问题还是在这个Function上面吧，通过转换就可以正常使用了。

walkingpoison 2002-11-29

打赏
举报

meizz(梅花雨):我这里就是不成功的原因就是，我调用的函数是有参数的，写法跟不带参数的相同是不行的。

经过测试，我发现obj.attachEvent("onclick",new Function("funcA(argA,argB)"))的方法在我这里仍然不行。
不过obj.onclick=Function("funcA(argA,argB)"))的方法通过测试为可用。

Lostinet(迷失网络)的方法比较复杂，我还没有进行测试。但是我觉得document.body.attachEvent("onclick",GetTheFunction(a,b));这句有可能不行，因为带参数的我从来没有调试通过。

wangxj0600 2002-11-29

打赏
举报

<button onclick=bb() id=aa>dsf</button>
<button onclick="document.all.aa.onclick=cc" id=dd >dsf</button>
<script>
function bb(){alert("first");}
function cc(){alert("changed");}

</script>

meizz 2002-11-29

打赏
举报

还有一种很好的办法就是你在函数里直接定义某个控件的某个事件.
<span id=aa>asdfghjkl</span>

<script language=javascript>
function document.all.aa.onclick()
{
alert("这已经是重新定义过后的函数!");
}
</script>

emu 2002-11-29

打赏
举报

带参数的可以这么写（IE5下面通过）：

<span id=aa>asdfghjkl</span><br>
<input type=button value=click onclick=cc()>
<script language=javascript>
function cc()
{
document.all.aa.attachEvent("onclick",new Function("alert('ok')"));
}
</script>

Lostinet 2002-11-29

打赏
举报

<body>
</body>
<script>

function MyFunction(arg1,arg2)
{
alert(arg1+":"+arg2);
}

var a="aa";
var b="bb";
document.body.attachEvent("onclick",GetTheFunction(a,b));
a="11";
b="22";

MyFunction(a,b);

function GetTheFunction(x,y)
{
return Proxy;
function Proxy()
{
return MyFunction(x,y);
}
}

</script>

blues-star 2002-11-29

打赏
举报

<body onload="alert()">
</body>
<script>
document.body.onload = Function("alert('changed')");
</script>

blues-star 2002-11-29

打赏
举报

<body onload="alert()">
</body>
<script>
document.body.onload = "";
</script>

如果没有alert改变就成功。

meizz 2002-11-29

打赏
举报

不懂你为什么没有成功,到少我这里测试是通过的 win2k server IE 6.0

<span id=aa>asdfghjkl</span><br>
<input type=button value=click onclick=cc()>
<script language=javascript>
function cc()
{
document.all.aa.attachEvent("onclick",bb);
}
function bb()
{
alert("ok");
}
</script>