移动端事件（2）——事件对象
程序员文章站
2022-03-18 14:54:59
当给某个元素加上了事件绑定函数之后，事件函数默认的第一个参数就是事件对象。 事件对象： 当用户在浏览器下触发了某个行为，事件对象会记录用户操作时一些细节信息 touches 当前位于*屏幕*上的所有手指的一个列表 targetTouches 位于当前DOM元素上的手指的一个列表 changedTou ......
当给某个元素加上了事件绑定函数之后，事件函数默认的第一个参数就是事件对象。
事件对象：
当用户在浏览器下触发了某个行为，事件对象会记录用户操作时一些细节信息
touches 当前位于*屏幕*上的所有手指的一个列表
targettouches 位于当前dom元素上的手指的一个列表
changedtouches 涉及当前事件的手指的一个列表
<style>
div{
width:200px;
height: 200px;
background:red;
}
</style>
<body>
<div id="div1"></div>
</body>
<script>
var div=document.getelementbyid("div1");
document.addeventlistener("touchstart",function(ev){
ev.preventdefault();
})
div.addeventlistener("touchmove",start);
function start(ev){
this.innerhtml=ev.touches.length;当手指在屏幕移动时，可以获取有多少根手指
this.innerhtml=ev.targettouches.length; 可以获取有多少个手指在div上移动
this.innerhtml=ev.changedtouches.length; 如果放了三个手指，只有1个手指在移动，则显示1;
}
</script>