老师请帮我看一下,总是报错,谢谢

老师请帮我看一下,总是报错,谢谢

<!DOCTYPE html>

<html>


<head>

  <meta charset="UTF-8">

  <title>Event对象跨浏览器兼容写法</title>

</head>


<body>

  <div id="parent" class="">

    <div class="child">

      点击我

    </div>

  </div>

  <script type="text/javascript">

    //Event addEventListener   chrome fox IE9  event.target   preventDefault  stopPropagation

    //Event attacEvent  IE8系列的  event.srcElement  returnValue  cancelBubble


    var EventUtil = {

      addHandler: function(element, type, handler) {

        if(element.addEventListener){

          element.addEventListener(type, handler, false);

        } else if (element.attachEvent) {

          element.attachEvent("on" + type, handler);

        } else {

          element["on" + type] = null

        }

      },

      removerHandler: function(element, type, handler) {

        if (element.removeEventListener) {

          element.removeEventListener(type, handler, false);

        } else if (element.detachEvent) {

          element.detachEvent("on" + type, handler);

        } else {

          element["on" + type] = null

        }

      },

      getTarget: function(event) {

        return event.target || event.srcElement;

      },

      preventDefault: function(event) {

        if (event.preventDefault) {

          event.preventDefault();

        } else {

          event.returnValue = false;

        }

      },

      stopPropagation: function(event) {

        if (event.stopPropagation) {

          event.stopPropagation();

        } else {

          event.cancelBubble = true;

        }

      }

    }


    var child = document.getElementById("child");

    EventUtil.addHandler(child, "click", function(event){

      alert(111)

    })

  </script>

</body>


</html>


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,能够自己发现并解决问题,很棒哦,下次书写的时候要认真检查哦。继续加油!

祝学习愉快!

好帮手慕码 2019-08-28 11:33:19

同学你好!
是的哦,写代码的时候需要细心一些,才能减少报错。

祝学习愉快~

提问者 早起看见一只小鹿 2019-08-28 10:53:24

老师我找到问题了,child的id写错了,谢谢,太马虎了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师