IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    获取触摸事件坐标

    admin发表于 2016-11-13 07:52:41
    love 0
    	function findCoordinates(e) {
    		// 如果需要用 pageX/Y 代替 clinetX/Y
    		var x,y;
    		if(e.changedTouches){
    			x = e.changedTouches[0].clientX;
    			y = e.changedTouches[0].clientY;
    		}else{
    			x = e.clientX;
    			y = e.clientY;
    		}
    		console.log(e);
    		$('#test').text("x:"+x+",y:"+y);
    		return [x,y];
    	}
     
        var el = document.getElementsByClassName('content')[0];
        console.log(el);
     
        el.addEventListener('touchstart', findCoordinates, false);

    触摸事件对象有事件类型、时间目标对象、可以阻止默认行为。

    其中 touchList 数组包含了每个触摸点的信息。
    changedTouches 数组中第一个对象就是导致事件触发的那个触摸点对象。

    clientX/Y 和 pageX/Y 的区别是,前者相对于视觉视口的左上角,后者相对于布局视口的左上角。

    注:
    关于视口的介绍


    © admin for 可乐吧, 2016. | Permalink | No comment | Add to del.icio.us
    Post tags: 触摸事件坐标

    您可能也喜欢:
    DOMContentLoaded事件
    JavaScript事件冒泡简介及应用
    jQuery live()事件的使用
    jQuery滚动事件,判断滚动条位置
    无觅

    Feed enhanced by Better Feed from Ozh



沪ICP备19023445号-2号
友情链接