html自动触发双击事件,js主动触发单击事件

方法一

直接element.click()，此方法最简单最方便，但存在一定兼容性(具体兼容性如何未测试)。

特殊情况：js触发input[file]的单击事件

原文写于：2014-06-18

想要通过ele.click()触发某个input[file]的click事件，直接执行不会有效果(包括直接在控制台执行代码或者计时器延时调用均不生效)，但是放到某个a标签或者按钮的单击事件上却有效！也就是说必须用户主动去单击某个东西才能触发文本框的单击事件。

演示：A标签直接打开文件窗口：

浏览

function browse()

{

document.getElementById('test').click();

}

备注：后面提到的方法二也无法直接控制台唤起file对话框，只能用户主动触发才可以。

方法二

通过MouseEvent来触发单击事件，具体兼容性也没有测试，但理论上比上面的好：

/**

* 考虑兼容性的触发单击事件

* @param elem 要触发单击事件的DOM对象

function fireClickEvent(elem)

{

var event;

if(window.MouseEvent) event = new MouseEvent('click');

else

{

event = document.createEvent('MouseEvents');

event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

}

elem.dispatchEvent(event);

}

html自动触发双击事件,js主动触发单击事件相关推荐

js 主动触发 a 标签 href 链接写法,
js 主动触发 a 标签 href 链接写法结构 <a href = "index.html"><input id="clickBtn" ty ...
如何实现JS主动触发事件
前言怎么说呢,竟然不知道有这个玩意.当发现可以通过JS来主动触发事件后,这直接打开了我的视野.原本一个不知道如何下手去解决的问题,突然就变得小菜一碟. 实现有几种方式,这里都进行介绍一下. ele ...
js鼠标双击的时候如何屏蔽单击事件呢
给id ="one"的div添加双击单机事件代码 <div id="one" style="width: 400px; height: 400 ...
html怎么自动点击按钮事件,JS按钮点击事件自动运行的问题？
如下是我学习时写的代码,但是一运行网页JS里面的那几个按钮事件就自动运行了,不知道我哪里搞错了,我在百度上找了看到按钮事件是像这样写的呀.请大能帮帮小弟,看小弟是哪里搞错了,谢谢哈. 代码: Page ...
html鼠标移入移除事件,js鼠标移入移出事件样例
javaScript实例 li{background-color:#eee;height:25px;margin-top:2px;} //添加鼠标移入移出事件 function fun(){ //获取 ...
html上下左右键事件,js键盘上下左右(方向键)事件
function keygo(evt,cols){ var cols=cols//列数,手动设置 var elobj=myform.elements.length; //key=window.even ...
双击事件（dblclick）时，不触发单击事件(click) 1
事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如button等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击 ...
jQuery 双击事件（dblclick）时，不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那 ...
鼠标滚轮事件及解决滚轮事件多次触发问题
转载:https://www.cnblogs.com/jjxhp/p/11736066.html#_label0 一.滚轮事件的 js 写法二.jQuery写法三.参考四.滚轮事件滚动过快,事件 ...
手机端用单击事件模拟双击事件
手机app虽然不支持双击事件,但是支持单击事件: 用单击事件实现双击 <button id="btn"></button> <script src=& ...

html自动触发双击事件,js主动触发单击事件

html自动触发双击事件,js主动触发单击事件相关推荐

最新文章

热门文章