移动端触发列表

最新推荐文章于 2021-07-04 12:29:32 发布

无名氏*

最新推荐文章于 2021-07-04 12:29:32 发布

阅读量100

点赞数

本文链接：https://blog.csdn.net/qq_44848423/article/details/112448379

版权


<style>
    .wrapper {
        width: 200px;
        height: 200px;
        background-color: pink;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
</style>
<div class="wrapper"></div>


<script>
    var wrapper = document.querySelector(".wrapper");
    // changedTouches   触发当前事件的手指列表

    // targetTouches    触发当前事件时元素上的手指列表

    // touches          触发当前事件时屏幕上的手指列表
    wrapper.addEventListener("touchend", function(ev) {
        ev = ev || event;
        console.log(ev);
        wrapper.innerHTML = "changed：" +ev.changedTouches.length+"<br/>";
        wrapper.innerHTML += "target" +ev.targetTouches.length+"<br/>";
        wrapper.innerHTML += "touches" +ev.touches.length+"<br/>";

    })

</script>