代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件

代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件

大家好,又见面了,我是你们的朋友全栈君。

工作中有时候会用到需要用代码去手动触发某个事件或者是自定义事件,通常触发click事件的做法为eleme.click(),遇到touchstart就行不通了。

可以使用以下方式

// 创建事件.
var event = document.createEvent('Events');
// 初始化一个点击事件,可以冒泡,无法被取消
event.initEvent('touchstart', true, false);
// 设置事件监听.
elem.addEventListener('touchstart', function (e) { 
   
  // e.target 就是监听事件目标元素
}, false);
// 触发事件监听
elem.dispatchEvent(event);

initEvent已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,不建议再使用此方法,可以使用Event构造函数

var event = new Event('touchstart');
//监听
elem.addEventListener('touchstart', function (e) { ... }, false);
// 触发event.
elem.dispatchEvent(event);

Event构造函数也可以使用自定义事件

var event = new Event('CustomEvent');
//监听
elem.addEventListener('CustomEvent', function (e) { ... }, false);
// 触发event
elem.dispatchEvent(event);

感谢阅读!欢迎关注微信公众号”混沌前端“,获取推送更新。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150775.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • php宽字节注入,[投稿]宽字节注入详解

    php宽字节注入,[投稿]宽字节注入详解前言在mysql中,用于转义的函数有addslashes,mysql_real_escape_string,mysql_escape_string等,还有一种情况是magic_quote_gpc,不过高版本的PHP将去除这个特性。首先,宽字节注入与HTML页面编码是无关的,笔者曾经看到Default<metacharset=utf8>1<metacharset=utf8>…

    2022年10月14日
    0
  • linux ubuntu 关闭防火墙命令,LINUX关闭防火墙的方法

    linux ubuntu 关闭防火墙命令,LINUX关闭防火墙的方法LINUX关闭防火墙的方法导语:LINUX关闭防火墙的方法,你懂吗?下面的是百分网小编为大家搜集的LINUX关闭防火墙的方法,欢迎阅读,谢谢!(1)重启后永久性生效:开启:chkconfigiptableson关闭:chkconfigiptablesoff(2)即时生效,重启后失效:开启:serviceiptablesstart关闭:serviceiptablesstop需要说…

    2022年10月26日
    0
  • 五笔结构与识别码_五笔打字识别码怎么区分

    五笔结构与识别码_五笔打字识别码怎么区分4.末笔字型识别码表末笔笔画只有五种,字型信息只有三类,因此末笔字型交叉识别码只有15种如表4-1所示。表4-1末笔字型识别码表左右型1上下型2杂合型3横111G一12F二

    2022年8月3日
    11
  • pycharm 安装第三方库指南

    pycharm 安装第三方库指南当pycharm中没有你想要的安装包时,需要自己在pypi中下载或是其他方式下载,清华镜像网站等;只用alt+f12打开pycharm控制台,然后将下载的文件放在显示的目录里下载即可。

    2022年8月27日
    3
  • windows环境下pycharm配置conda虚拟环境,解决无法发现conda虚拟环境问题「建议收藏」

    windows环境下pycharm配置conda虚拟环境,解决无法发现conda虚拟环境问题「建议收藏」环境:windows10anaconda4.7pycharmcommunity2019.3问题:打开pycharm,在projectinterpreter=>Add…,打开下图,无法自动显示conda环境解决方法:在Interpreter后直接定位conda虚拟环境所在位置,windows下在路径c:\用户\.conda\envs中,…

    2022年8月27日
    1
  • SQL 聚合函数之字符串分组合并[通俗易懂]

    SQL 聚合函数之字符串分组合并[通俗易懂]本文介绍了如何通过SQL函数对字符串进行聚合,也就是将多行字符串合并成单个字符串。包括Oracle(LISTAGG函数)、MySQL(GROUP_CONCAT函数)、SQLServer(STRING_AGG函数)、PostgreSQL(STRING_AGG函数)以及SQLite(GROUP_CONCAT函数)的语法和差异。

    2022年6月21日
    114

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号