js追加事件执行代码场景

最新推荐文章于 2023-01-10 12:53:21 发布

人鱼传说

最新推荐文章于 2023-01-10 12:53:21 发布

阅读量1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/baronyang/article/details/50411344

版权

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

在修改别人的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" οnclick="event1();" />
        <script>
            function event1(){
                alert(1);
            }
            //待增加的点击事件执行方法
            function event2(){
                alert(2);
            }
            window.οnlοad=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

收藏

觉得还不错? 一键收藏
1
评论
js追加事件执行代码场景

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

扫一扫