移動端事件

時間 2021-08-14

標籤 html dom ide htm function class List 欄目無線简体版

原文原文鏈接

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        *{            margin:0;            padding:0;        }        ul{            list-style: none;        }        #box{            width:200px;            height: 200px;            font-weight:bold;">#999;        }    </style></head><body>    <div id="box">    </div>        <script>             var box = document.querySelector('#box')             box.addEventListener('touchstart',function(){                box.style.backgroundColor = 'red'             })             box.addEventListener('touchmove',function(){                 box.style.backgroundColor = 'yellow'                 box.innerHTML = Math.random()             })             box.addEventListener('touchend',function(){                 box.style.backgroundColor = 'blue'             })             box.addEventListener('touchcancel',function(){                 box.style.backgroundColor = 'pink'             })            setTimeout(function(){                    alert('恭喜你中獎了')            },3000)        </script></body></html>

1. 移動端事件
2. 移動端事件及事件應用
3. 移動端 js touch事件
4. 移動端事件介紹
5. 移動端事件總結
6. 移動端touch事件
7. jquery——移動端touch事件
8. 移動端長按事件
9. 移動端javascript之事件
10. 移動前端javascript事件
更多相關文章...
• 移動設備統計 - 瀏覽器信息
• C# 事件（Event） - C#教程
• SpringBoot中properties文件不能自動提示解決方法
• IntelliJ IDEA中SpringBoot properties文件不能自動提示問題解決

相關標籤/搜索