猿问

执行如下代码按钮1弹出两次hello,一次undefined,按钮2和按钮3弹出一次hello一次undefined,为什么呢?

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>事件流</title>

</head>

<body>

    <div id="box">

        <input type="button" value="按钮" id="btn" onclick="showmessage()">

        <input type="button" value="按钮2" id="btn2">

        <input type="button" value="按钮3" id="btn3">

    </div>

    <script>

        function showmessage(){

            alert('Hello');

            }

        var btn2=document.getElementById('btn2');

        var btn3=document.getElementById('btn3');

        //DOM0级事件

        btn2.onclick=function(){

            alert('这是通过DOM0级添加的事件');

        }

        btn2.onclick=null;

        //DOM2事件

        btn3=addEventListener('click',showmessage,false);

        btn3=addEventListener('click',function(){

            alert(this.value);

            },false);

        //删除事件

        //btn3=removeEventListener('click',showmessage,false);

    </script>

</body>

</html>


慕粉3409988
浏览 1509回答 2
2回答

于治y2

标准浏览器绑定和移除 ele.addEventListener、ele.removeEvent  ,你的代码写法上有问题

蜂之谷

btn3=addEventListener('click',showmessage,false);  这是什么鬼,能这么写么?应该是btn3.addEventListener('click',showmessage,false);
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答