`
chencvgk
  • 浏览: 16770 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

代码触发js事件(click、change)

 
阅读更多

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




分享到:
评论

相关推荐

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

    JavaScript事件是网页...总之,`click`和`change`事件是JavaScript事件处理中的基础,它们通过`addEventListener`、`dispatchEvent`或`fireEvent`等方式进行监听和触发,帮助开发者构建更加动态和交互性的网页应用。

    关于click和change的使用区别

    #### 二、Change事件详解 **定义:** `change` 事件是在表单控件发生变化时触发的,比如用户更改了输入框的内容、选择了新的下拉选项等。与 `click` 事件相比,`change` 更专注于表单元素的状态变化。 **特点:** ...

    JQuery中如何传递参数如click(),change()等具体实现

    最后,参考国外开发者的做法,如果需要在change事件中传递参数,可以使用类似的方法: ```javascript $("select#test").change({msg: "ok"}, function(event) { myHandler(event.data.msg); }); ``` 这里,我们...

    WEB页编程技巧──JavaScript事件的应用.pdf

    7. Change事件:元素的值改变时触发的事件。 8. Select事件:用户选择元素时触发的事件。 9. Submit事件:用户提交表单时触发的事件。 三、事件处理器 事件处理器是指对事件的处理函数或代码。事件处理器可以是...

    事件集合js事件集合js事件集合

    事件处理程序是在HTML元素中直接指定的,而事件监听器则是在JavaScript代码中添加的,这种方式更加灵活且易于维护。 例如,要为一个按钮添加点击事件处理,使用事件处理程序的方法是: ```html ('Button clicked!'...

    Asp.net中在客户端触发服务端事件

    **客户端事件处理**:每个可以触发服务端事件的控件,如HtmlInputButton的Click事件或TextBox的Change事件,其客户端事件处理程序(如onclick或onchange)会调用`__doPostBack`函数,传入事件源控件的ID(作为...

    javascript事件综合查询

    在JavaScript代码模块中,事件处理是一个核心概念,涉及到事件触发、事件监听和事件传播等多个方面。本篇将深入探讨JavaScript事件综合查询的相关知识点。 一、事件模型 1. DOM(Document Object Model)事件模型...

    javascript 中select框触发事件过程的分析

    最后发现,触发的过程基本上一样,如果没有选择或者选择的是当前显示的option的话,不会触发change事件,只有在选择不同的option时候才会触发change事件。下面是选择了不同的option后触发事件的截图: 我们可以发现...

    JQuery自动触发事件的方法

    这段代码表示选中ID为"btn"的元素,并触发它的click事件。当页面加载完毕后,这段代码会立即执行,无需用户实际点击按钮。此外,也可以用简写形式: ``` $('#btn').click(); ``` 这里,click()方法实际上是...

    js事件触发操作实例分析

    在JavaScript中,事件触发操作涉及创建和管理事件,以及决定何时和如何响应这些事件。本篇文章将深入探讨JavaScript事件触发机制,通过实例分析其原理、使用方法以及相关注意事项。 首先,JavaScript事件大致分为三...

    js事件设计

    现代JavaScript中的`Promise`和`async/await`可以用于异步处理事件,使得代码更易读、易维护。 总结,JavaScript事件设计是构建动态Web应用的基础,理解并熟练运用事件模型、事件处理、事件流以及相关技巧,能够...

    zyupload插件+js版代码

    通过绑定DOM元素的事件,如`change`事件(文件选择后触发)、`click`事件(点击上传按钮触发)来响应用户操作。 2. **多文件选择**:HTML5引入了`<input type="file" multiple>`属性,使得浏览器可以支持同时选择多...

    模拟用户操作Input元素,不会触发相应事件

    然而,有一个重要的规则需要理解,那就是:通过JavaScript模拟的用户操作,比如调用`click()`、`focus()`或`change()`等方法,不会像实际用户交互那样触发输入元素的事件。 例如,考虑一个简单的HTML表单,其中包含...

    layui 中select下拉change事件失效的解决方法

    当开发者在使用layui的select模块时,若遇到下拉框选择变化后,绑定的change事件无法触发的问题,可以按照以下步骤解决: 1. 为select元素添加lay-filter属性,并给定一个具体的值,例如“test”。 2. 使用form.on...

    javascript之事件及事件响应篇

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互方面,事件和事件响应起着至关重要的作用。本篇文章将深入探讨JavaScript中的事件模型、事件处理方式以及常见事件类型,旨在帮助开发者更好地理解和应用...

    javascript事件列表解说

    - 使用`CustomEvent`或`Event`构造函数可以创建并触发自定义事件,以便在代码的不同部分之间传递信息。 了解这些事件后,开发者可以有效地响应用户行为,创建交互性强的网页应用。在实际开发中,结合事件监听器...

    Backbone.js的事件绑定

    例如,`change`事件会在模型的属性改变时触发,`change:attribute`则在特定属性发生变化时触发。开发者可以使用`model.on('event', callback)`来绑定事件,`model.off('event', callback)`来解除绑定,以及`model....

    Javascript 事件 一览表

    JavaScript事件是Web开发中至关重要的一个概念,它允许开发者在用户与网页交互时执行特定的代码。事件可以是用户操作,如点击按钮、滚动页面,或者是浏览器行为,如页面加载或图片加载完成。理解JavaScript事件及其...

    jquey相关事件的应用

    4. `change`事件:针对表单元素,如输入框、选择框等,其值改变时触发。 5. `keydown`和`keyup`事件:监听键盘按键的按下和释放,可用于实现快捷键或特殊功能。 三、事件对象 在事件处理函数内,可以访问到一个...

Global site tag (gtag.js) - Google Analytics