900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html自动触发双击事件 js主动触发单击事件

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

时间:2019-01-06 14:24:30

相关推荐

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

方法一

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

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

原文写于:-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);

}

延伸阅读

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。