分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

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

                     

相关链接:http://blog.csdn.net/cometwo/article/details/50534611

深入理解移动端touch事件

 <!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
           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

深入理解移动端touch事件
                     

相关链接:http://blog.csdn.net/cometwo/article/details/50534611

深入理解移动端touch事件

 <!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
           

相关文章: