`
chencvgk
  • 浏览: 15761 次
  • 性别: 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)示例应用

    触发click 事件 代码如下: function simulateClick(el) { var evt; if (document.createEvent) { // DOM Level 2 standard evt = document.createEvent(“MouseEvents”); evt.initMouseEvent(“click”, true, ...

    解决vue elementUI 使用el-select 时 change事件的触发问题

    如下所示: 请选择 change=selectChange()> ...我们需要的是选择之后才触发,但是这样写你会发现,页面初始化的时候会触发多次,选择之后又会触发多次,原因是我们用错了标签,应该用 @change=”selectChange()

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

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

    jQuery事件及绑定.pptx

    jQuery对JavaScript操作DOM事件进行了封装,形成了更好的事件处理机制; 包括常用事件、事件绑定与解绑等。jQuery事件处理方法是jQuery的核心函数。 常用事件方法(教材P263表A-4): 分类 事件方法 描述 鼠标 click...

    快速解决js开发下拉框中blur与click冲突

    blur事件:当元素失去焦点时触发blur事件;其为表单事件,blur和focus事件不会冒泡,其他表单事件都可以。 click事件:当点击元素时触发click事件;所有元素都有此事件,会产生冒泡。 示例1:blur事件为表单事件 &...

    HTML复选框和单选框 checkbox和radio事件介绍

    开始以我对js的理解,我觉得change事件应该是最合理的,可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些: radio注册了click事件以后...

    vue.js学习相关文件-测试代码

    -- 只当事件在该元素本身(而不是子元素)触发时触发回调 --> <div v-on:click.self="doThat">... <!-- click 事件只能点击一次,2.1.4版本新增 --> 按键修饰符 为最常用的按键提供了别名: <input v...

    jQuery详细教程

    $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 四. jQuery实例 jQuery hide() 演示简单的 jQuery hide() 函数。 <script type="text/javascript" src="/jquery/jquery.js"> ...

    Javascript 浏览器事件小结

    事件本身相当直观,常用的有: 事件 描述 abort 图片被阻止而不能加载 blur,focus 失去焦点,获得焦点 change 适用于表单元素,当元素使其焦点的时候判断是否发生改变 click,dblclick 单击,双击 keydown,...

    javascript常用对象梳理

    JS中的常用对象[转载]web 技术 2010-06-05 15:00:30 阅读3 评论0 字号:大中小 订阅 [removed] Window For JavaScript 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、...

    vue学习笔记之给组件绑定原生事件操作示例

    本文实例讲述了vue学习笔记之给组件绑定原生事件操作...父组件的点击事件被vue当成自定义事件,点击后没有检测到,这时需要子组件向父组件触发点击’自定义’事件,即 this.$emit('change') 。then,完成。先响应了chil

    详解Angularjs 如何自定义Img的ng-load 事件

    在使用AngularJs的过程中,我们常常会用到一些ng-事件,如ng-click、ng-change等,这些事件都是AngularJs事先为我们定义好的。也有的情况下,我们会用到一些使用频率不高的dom事件,如img的onload(图片加载完成后...

    基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)

    JS代码: var yunSuan = 0;// 运算符号,0-无运算;1-加法;2-减法;3-乘法;4-除法 var change = 0;// 属于运算符后需要清空上一数值 var num1 = 0;// 运算第一个数据 var num2 = 0;// 运算第二个数据 var cunChuValue...

    javascript checkbox/radio onchange不能兼容ie8处理办法

    javascript checkbox/radio onchange不能兼容ie8处理办法 在ie8下,checkbox的onchange没能实现触发自定义的函数,如何解决该问题,如下: function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $(input...

    jquery-1.1.3 效率提高800%

    // the options for this ajax request }global(true) 数据类型: Boolean 是否为当前的请求触发全局AJAX事件处理函数,默认值为true。设置为false可以防止触发像ajaxStart或ajaxStop这样的全局事件处理函数...

Global site tag (gtag.js) - Google Analytics