移动端也有自己独特的地方.

触屏事件

触屏事件也称触摸事件.

Android 和 IOS都有.

touchstart

touchstart手指触摸到一个元素时触发.

touchmove

touchmove手指在一个元素上滑动时触发.

touchend

touchend手指从一个元素上移开时触发.

示例

<style>
    div {
        width: 500px;
        height: 500px;
        background-color: red;
    }
</style>
<p>来摸摸我</p>
<div></div>
<script>
    const P = document.querySelector("p")
    const DIV = document.querySelector("div")
    // 手指触摸到一个元素时触发
    DIV.addEventListener("touchstart", () => {
        P.innerText = "摸到我了"
    })
    // 手指在一个元素上滑动时触发
	DIV.addEventListener("touchmove", () => {
        P.innerText = "滑丫滑~"
    })
    // 手指从一个元素上移开时触发
	DIV.addEventListener("touchend", () => {
        P.innerText = "不摸了?"
    })
</script>

提示

调试需要打开控制台的移动端模拟器.

c18482d66446f71dbe949bcbfc479a937c6ae9c3

版权所有

版权归属：洱海

许可证：署名 4.0 国际 (CC-BY-4.0)

编辑此页

贡献者: 洱海

上一页节点操作

下一页JS 库