代码触发js事件(click、change)示例应用_javascript技巧
程序员文章站
2022-04-13 07:57:41
...
Chrome , Firfox 不支持fireEvent的方法
可以使用dispatchEvent的方法替代, 直接给一个兼容的Code.
触发click 事件
function simulateClick(el) {
var evt;
if (document.createEvent) { // DOM Level 2 standard
evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
el.dispatchEvent(evt);
} else if (el.fireEvent) { // IE
el.fireEvent('onclick');
}
}
触发drag事件
function simulateDrag(el) {
var evt;
if (document.createEvent) { // DOM Level 2 standard
evt = document.createEvent("MouseEvent");
evt.initMouseEvent("dragstart", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
el.dispatchEvent(evt);
} else if (el.fireEvent) { // IE
el.fireEvent('ondragstart');
}
}
可以使用dispatchEvent的方法替代, 直接给一个兼容的Code.
触发click 事件
复制代码 代码如下:
function simulateClick(el) {
var evt;
if (document.createEvent) { // DOM Level 2 standard
evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
el.dispatchEvent(evt);
} else if (el.fireEvent) { // IE
el.fireEvent('onclick');
}
}
触发drag事件
复制代码 代码如下:
function simulateDrag(el) {
var evt;
if (document.createEvent) { // DOM Level 2 standard
evt = document.createEvent("MouseEvent");
evt.initMouseEvent("dragstart", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
el.dispatchEvent(evt);
} else if (el.fireEvent) { // IE
el.fireEvent('ondragstart');
}
}
上一篇: php获取远程文件大小_php技巧
下一篇: 关于用css实现文本和图片垂直水平居中
推荐阅读
-
JS 事件冒泡 示例代码_javascript技巧
-
文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧
-
js 绑定键盘鼠标事件示例代码_javascript技巧
-
js 事件截取enter按键页面提交事件示例代码_javascript技巧
-
文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧
-
JS短路原理的应用示例 精简代码的途径_javascript技巧
-
js触发asp.net的Button的Onclick事件应用_javascript技巧
-
js 事件截取enter按键页面提交事件示例代码_javascript技巧
-
js 绑定键盘鼠标事件示例代码_javascript技巧
-
js导航栏单击事件背景变换示例代码_javascript技巧