如何改变onClick事件所调用的函数?

本帖最后由 Darkmuleth 于 2010-06-11 21:18:54 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

a.onClick = fun2;
改为
document.onClick = fun2;
试过了,不行...应该是aa.onClick,我写错了,不过改过来也不行
偶试了可以  <script type="text/javascript">
        function fun1(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "---";
            aa.onclick = function(){fun2();}

        }

        function fun2(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "+++";
            aa.onclick = function(){fun1();}
        }
    </script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
<script type="text/javascript">
        function fun1(){
            var aa = document.getElementById("aaa");
            if (aa.innerHTML == "+++") {
aa.innerHTML = "---";
alert(aa.innerHTML);
            } else if (aa.innerHTML == "---") {
aa.innerHTML = "+++";
alert(aa.innerHTML);
            }        }
    </script>
</HEAD> <BODY>
<table width="100%" border="0" cellspacing="2">
       <tr>
           <td width="100%" height="25" bgcolor="#33BB33">
    <P>
<a id="aaa" style="cursor:hand" onClick="fun1()">+++</a>
</P>
   </td>
       </tr>
</table> </BODY>
</HTML>
给你换一种写法！~
我相信肯定有办法,不过有点无从下手,也懒的查资料,我说你整一个函数不成么,在这一个函数里面下两个分支:不一样可以实现你的效果么!<html>
  <head>
  <script type="text/javascript">
        function fun1(){
            var aa = document.getElementById("aaa");
            if(aa.innerHTML == "---"){aa.innerHTML = "+++"}
else(aa.innerHTML = "---");
//alert(aa.onClick);
          //  aa.onClick = fun2;

        }

      /*  function fun2(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "+++";
            aa.onClick = fun1;
        }*/
    </script>
  </head>
  <body>
    <table width="100%" border="0" cellspacing="2">
        <tr>
            <td width="100%" height="25" bgcolor="#33BB33">
   <P>
    <a id="aaa" style="cursor:hand" onClick="fun1()">+++</a>
    </P>
   </td>
        </tr>
    </table>
  </body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">
        var i = 0;
        function all_test(){
i++;
if(i%2==0){
fun1();
}else{
fun2();
}
}
        function fun1(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "---";
            a.onClick = fun2;

        }

        function fun2(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "+++";
            aa.onClick = fun1;
        }
</script>
</head><body>
<table width="100%" border="0" cellspacing="2">
    <tr>
        <td width="100%" height="25" bgcolor="#33BB33">
           <P>
             <a id="aaa" style="cursor:hand" onClick="all_test()">+++</a>
           </P>
       </td>
    </tr>
</table>
</body>
</html>
楼主想要的是奇偶事件吧
行了,楼主,我对照了一下5楼的代码,发现最终原因了!onClick和onclick的区别是C大小写错误!更正了大小写后你原来的代码就可以正常跑了~我试过了!也不是必须象5楼那样加个function套子!主要原因是5楼人家那个大小写没写错!<html>
  <head>
  <script type="text/javascript">
        function fun1(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "---";
            aa.onclick = fun2;

        }

        function fun2(){
            var aa = document.getElementById("aaa");
            aa.innerHTML = "+++";
            aa.onclick = fun1;
        }
    </script>
  </head>
  <body>
    <table width="100%" border="0" cellspacing="2">
        <tr>
            <td width="100%" height="25" bgcolor="#33BB33">
   <P>
    <a id="aaa" style="cursor:hand" onClick="fun1()">+++</a>
    </P>
   </td>
        </tr>
    </table>
  </body>
</html>