老师,这是咋回事,帮我看看呗~

老师,这是咋回事,帮我看看呗~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<body>
    <button id="btn">点击我</button>
    <script type="text/javascript">
        //兼容所有浏览器
        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;
                }
            },
            removeHandler:function(element,type,handler){
                if(element.removeEventListener){
                    element.removeEventListener(type,handler,false);
                }else if(element.datachEvent){
                    element.datachEvent("on"+type,handler);
                }else{
                    element["on"+type]=null;
                }
            },
            getTarget:function(event){
                return event.getTarget||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;
                }
            },
            getCharCode:function(event){
                if(typeof event.charCode=="number"){
                    return event.charCode;
                }else{
                    return event.keyCode;
                }
            }
        }
//分割线---------------------------------------------------------
//分割线---------------------------------------------------------
//分割线---------------------------------------------------------
//分割线---------------------------------------------------------
        var btn=document.getElementById("btn");
        EventUtil.addHandler(btn,"touchstart",function(event){
            console.log("当前触摸点的数组是:"+event.touches+"(这是一个数组对象)");
            console.log("数组总只包含引起事件的触摸点信息:"+event.changeTouches+"(这是一个数组对象)");
            console.log("只包含放在元素上的触摸信息:"+event.targerTouches+"(这是一个数组对象)");
        });
    </script>
</body>

代码也没有错,但是输出的结果是这样的:


当前触摸点的数组是:[object TouchList](这是一个数组对象)

getAvg.html:62 数组总只包含引起事件的触摸点信息:undefined(这是一个数组对象)

getAvg.html:63 只包含放在元素上的触摸信息:undefined(这是一个数组对象)


第二个结果和第三个结果为什么是undefined啊?我鼠标点的是按钮

正在回答 回答被采纳积分+1

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

2回答
Miss路 2019-05-27 10:28:20

同学,你好。

上一条回复中,我是想告诉你,要看看错别的单词和粗心的失误,你的代码中全是粗心的错误,都教你方法了还必须要老师一个一个的帮你找出错误的单词吗?这么简单的问题都要老师帮你找才能解决,你这样以后可怎么工作呢?一定得沉得下去慢慢解决,不用着急的,一步一步学习肯定能学好,只要着急肯定会有疏漏。

除了上个回答中指出的问题,还有别的错误,我只把错误的点给你圈出来,怎么改你自己再看视频对照,都很简单:

http://img1.sycdn.imooc.com//climg/5ceb4a9a000130fe06800145.jpg

http://img1.sycdn.imooc.com//climg/5ceb4ac30001519d07320286.jpg

如果帮助到了你,欢迎采纳!

祝学习愉快!

Miss路 2019-05-26 19:09:14

这么改:

http://img1.sycdn.imooc.com//climg/5cea73760001d8d807100595.jpg

下次再遇到这样的问题,先屡一下思路,如果思路是正确的,去对照一下源码,这种问题不该出错。要培养自己解决问题的能力,不然以后在工作中没有人能帮到自己的时候岂不是寸步难行了。加油!

如果帮助到了你,欢迎采纳!

祝学习愉快!


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

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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