【Javascript】【事件】处理移动端触摸事件

最新推荐文章于 2022-09-26 21:25:33 发布

ByteFlys

最新推荐文章于 2022-09-26 21:25:33 发布

阅读量284

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u013718730/article/details/90476358

版权

javascript 专栏收录该内容

107 篇文章 6 订阅

订阅专栏

触摸事件只对移动设备有效


    <script>
        $(() => {
            let elem = $(".clz")[0];
            elem.ontouchstart = () => {
                console.log("on touch start");
            };
            elem.ontouchmove = () => {
                console.log("on touch move");
            };
            elem.ontouchend = () => {
                console.log("on touch end");
            };
        });
    </script>

版本比较低的移动设备，可能不支持ontouch方法，需要使用addEventListener方法来代替


    <script>
        $(() => {
            let elem = $(".clz")[0];
            elem.addEventListener("touchstart", () => {
                console.log("on touch start");
            });
            elem.addEventListener("touchmove", () => {
                console.log("on touch move");
            });
            elem.addEventListener("touchend", () => {
                console.log("on touch end");
            });
        });
    </script>