深入理解移动端touch事件

最新推荐文章于 2025-08-01 13:32:32 发布

绿萝哥哥

最新推荐文章于 2025-08-01 13:32:32 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/uffgfbft/article/details/83759777

分享一份适合零基础学习的人工智能教程，内容通俗易懂，旨在普及人工智能知识，促进民族科技发展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

相关链接：http://blog.youkuaiyun.com/cometwo/article/details/50534611

这里写图片描述

 <!DOCTYPE html><html lang="en">    <head>        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />        <meta charset="UTF-8" />        <title>Document</title>        <style type="text/css">            div {                width: 200px;                height: 200px;                background: red;                margin: 0 auto;            }        </style>        <script type="text/javascript">            window.onload = function() {                document.getElementById('touch').ontouchmove = function(e) {                    console.log(e.type);                };                document.getElementById('touch').ontouchend = function(e) {                    console.log(e.type);                };                document.getElementById('touch').onclick = function(e) {                    console.log(e.type);                };                document.getElementById('touch').ontouchstart = function(e) {                    console.log(e.type + ';' + e.target.nodeName　);                };            }        </script>    </head>    <body>        <div id="touch"></div>    </body></html>
  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

JQuery 强迫症患者

<!DOCTYPE html><html lang="en">    <head>        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />        <meta charset="UTF-8" />        <script type="text/javascript" src="jquery-2.1.4.min.js" ></script>        <title>Document</title>        <style type="text/css">            div {                width: 200px;                height: 200px;                background: red;                margin: 0 auto;            }        </style>        <script type="text/javascript">            $( function() {                $("#touch").get(0).ontouchmove = function(e) {                    console.log(e.type);                };                $("#touch").get(0).ontouchend = function(e) {                    console.log(e.type);                };                $("#touch").get(0).onclick = function(e) {                    console.log(e.type);                };                $("#touch").get(0).ontouchstart = function(e) {                    console.log(e.type + ';' + e.target.nodeName　);                };            })        </script>    </head>    <body>        <div id="touch"></div>    </body></html>
  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