代码触发js事件示例应用

 Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代,直接给一个兼容的Code,下面有个不错的示例,喜欢的朋友可以收藏下

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'); 


 

时间: 2024-10-30 17:29:47

代码触发js事件示例应用的相关文章

代码触发js事件(click、change)示例应用_javascript技巧

Chrome , Firfox 不支持fireEvent的方法 可以使用dispatchEvent的方法替代, 直接给一个兼容的Code. 触发click 事件 复制代码 代码如下: function simulateClick(el) { var evt; if (document.createEvent) { // DOM Level 2 standard evt = document.createEvent("MouseEvents"); evt.initMouseEvent(&

如何通过JS代码触发click事件?

问题描述 如何通过JS代码触发click事件? $("#content").on('click','.txtEdit',function(event){ alert("1111111111"); }); 我有这么一个click事件,如何通过JS代码去调用它? 解决方案 $("#content").trigger("click"); 解决方案二: $("#content").find("txtEdi

jQuery中给动态添加的代码绑定添加事件

在jquery推出新版本,使用.on()以前,我们会用.live()来为动态添加的代码绑定事件,但是现在jQuery用.on()替代了.live() 先看个.live()实例  代码如下 复制代码  $(".RemoveLink").live("click",function () {                 // Get the id from the link                 var recordToDelete = $(this).at

javascript-js 手动触发 onresize 事件

问题描述 js 手动触发 onresize 事件 来自Opera 问题是 加载SWF后无法播放 但只要做触发 onresize 这个方法的动作 就可以播放,如何手动触发呢? 我知道窗口的大小改变会触发 但尝试各种方法都未能改变大小. 解决方案 document.getElementById("objectId").fireEvent("onchage")? ?$("#ddl_test").trigger("change");

js 事件截取enter按键页面提交事件示例代码

本篇文章主要是对js 事件截取enter按键页面提交事件示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 假如你在一个文本框中按enter事件是让他执行一个js函数,但是不想提交表单,可以这样做: function ysearch() //年文本框回车键后重新加载DataWindow { validateInputText('yyyy');//想做的第一个js函数 if(event.keyCode==13) { changeym();//想做的第二个js函数,做完后把event给

js和jquery实现监听键盘事件示例代码_javascript技巧

项目中要监听键盘组合键CTRL+C,以便做出对应的响应.查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox.Chrome.IE中均可以使用.一.使用javascript实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(ev

求助: 为何我这个代码里的事件会自动被window对象触发

问题描述 求助: 为何我这个代码里的事件会自动被window对象触发 用onchange绑定了一个事件,然而每次刷新页面会自动触发这个事件,alert了事件源获得了window对象 求解~~~~ 代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <

js触发onchange事件的方法说明

 怎么在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以触发控件的应该是所有事件 js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件.但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的.   那么,如何在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法

jquery移除、绑定、触发元素事件使用示例详解

 这篇文章主要介绍了jquery移除.绑定.触发元素事件使用示例详解,需要的朋友可以参考下  代码如下: unbind(type [,data])     //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有     对于只需要触发一次的,随后就要立即解除绑定的情况,用one()    代码如下: $('#btn').one("click",function(){.