美文网首页
如何模拟触发touchstart事件

如何模拟触发touchstart事件

作者: PengPengPro | 来源:发表于2017-05-10 09:00 被阅读486次

可以在 onload 后,先用 createEvent 创建模拟事件,再用 dispatchEvent 触发就可以了


<script>window.onload = function () {

    var bot = document.getElementById('bot');
    bot.addEventListener('touchstart', function () {
        alert('touchstart');
    });
    
    creatTouchstartEventAndDispatch(bot);
    
    function creatTouchstartEventAndDispatch (el) {
        var event = document.createEvent('Events');
        event.initEvent('touchstart', true, true);
        el.dispatchEvent(event);
    }
    
    
            

}</script>

相关文章

  • 如何模拟触发touchstart事件

    可以在 onload 后,先用 createEvent 创建模拟事件,再用 dispatchEvent 触发就可以了

  • Web移动端轻划事件.

    1:轻划事件其实就是touchstart和touchend两个事件的触发和运用 2:然后就是touchstart事...

  • 移动端常见的触摸相关事件

    Touch触摸事件 阻止默认事件preventDefault(); touchstart:手指触摸到屏幕会触发 t...

  • JS移动端touch事件

    移动端事件 touchstart:手指触摸屏幕时触发 touchendend:手指离开屏幕时触发 touchmov...

  • JavaScript for Mobile

    Touch Events 触摸事件(touch events) touchstart: 手指放到屏幕上的时候触发 ...

  • HTML5触摸事件(touchstart、touchmove和t

    touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:...

  • 移动端的事件

    基本事件: touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 t...

  • 微信小程序原生开发的使用指南

    事件 默认事件在 touchstart 时触发 若要实现 用户交互事件 与 系统默认事件 同步,只需要监听 tou...

  • JS—触摸事件

    触摸事件 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmo...

  • 学习笔记 12.7

    触摸事件: touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchm...

网友评论

      本文标题:如何模拟触发touchstart事件

      本文链接:https://www.haomeiwen.com/subject/kduwtxtx.html