浅谈 js 模仿手机的 动作

来源:互联网 发布:国家统计局 月度数据 编辑:程序博客网 时间:2024/04/30 14:25

刚刚进入移动开发,对手机的动作总是抱有一种迷茫的感觉,刚刚找到一个很简单的动作,顿时其实也 PC 端差距不大:

具体代码如下:

    

     

<script type="text/javascript" charset="utf-8">function load (){    document.addEventListener('touchstart',touch, false);    document.addEventListener('touchmove',touch, false);    document.addEventListener('touchend',touch, false);    function touch (event){        var event = event || window.event;                 var oInp = document.getElementById("inp");         switch(event.type){            case "touchstart":                oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";                break;            case "touchend":                oInp.innerHTML = "<br>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";                break;            case "touchmove":                event.preventDefault();                oInp.innerHTML = "<br>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";                break;        }             }}window.addEventListener('load',load, false);</script>
<div id="inp">dag</div>

0 0
原创粉丝点击