viewport設定

<meta name="viewport" content="width=device-width,user-scalable=no" charset="UTF-8">

背景顏色由粉色變成藍色

touch事件,在chrome的模擬器下,部分版本 通過on 的方式來新增事件無效.

<style>
        #box{
            width: 100px;
            height: 100px;
            background:pink;
        }
    </style>
    <script
 
>
        window.onload = function(){

            var box = document.querySelector("#box");
            // box.style.background = "blue"; 
        }
    </script>

touchStart

touchstart 手指觸控到 螢幕 ==mousedown

box.ontouchstart = function(){
                this.style.background="red"
 
;
            }

touchend

touchend 手指擡起的 時候 == mouseup

    box.ontouchend = function(){
                this.style.background="orange";

touchmove

touchend 手指擡起的 時候 == mousemove

this.style.background="black";19.36s