js追加事件执行代码场景

来源：互联网发布：实战最强的武术知乎编辑：程序博客网时间：2024/05/29 17:57

在修改别人的js代码时,有些开发是基于某某框架的，所以框架原有方法我们可能不便直接修改，特别是某个按钮的事件绑定的方法，但又要追加处理方法，怎么办?看以下代码：

<!DOCTYPE html><html>    <head>        <title>TODO supply a title</title>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width, initial-scale=1.0">    </head>    <body>        <div>TODO write content</div>        <input type="button" value="testclick" name="EventTest" onclick="event1();" />        <script>            function event1(){                alert(1);            }            //待增加的点击事件执行方法            function event2(){                alert(2);            }            window.onload=function(){                hander1=document.getElementsByName("EventTest")[0];                hander1.addEventListener("click",event2,false); //追加事件   IE下请用attachEvent                      }        </script>    </body>    </html>

以上的代码就做到了不修改event1内的脚本，直接追加事件；这只是一个示例，实际应用中，可能这个HTML内容会很多，但只要将event2和window.onload写到另一个js文件中，然后src到head中即可，大多数框架都有类似的功能，允许用户嵌入js代码，以达到个性化控制的目的！

0 0