`
fengzheng0603
  • 浏览: 72896 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

火狐3.0和 Chrome 浏览器 click()不支持方法改进

阅读更多

修改前的代码:

var imgList = $("[name=imgList]") //获得name="imgList"的元素,imgList是你要触发click()事件的任何元素。

imgList[1].click(); //imgList 触发click()事件。
 

 

 

修改后的代码:

 

var imgList = $("[name=imgList]") //获得name="imgList"的元素,imgList是你要触发click()事件的任何元素。

invokeClick(imgList[i]); //调用火狐3.0和 Chrome 浏览器 click()不支持改进后的方法代替click方法。
 

//火狐3.0和 Chrome 浏览器 click()不支持方法改进

function invokeClick(element) {
if(element.click)element.click(); //判断是否支持click() 事件
else if(element.fireEvent)element.fireEvent('onclick'); //触发click() 事件
else if(document.createEvent){
var evt = document.createEvent("MouseEvents"); //创建click() 事件
evt.initEvent("click", true, true); //初始化click() 事件
element.dispatchEvent(evt); //分发click() 事件
}

}
 

 

其中事件初始化的函数和参数的介绍:

void initEvent(String eventTypeArg, boolean canBubbleArg, boolean cancelableArg)
initEvent 方法用于初始化通过 DocumentEvent 接口创建的 Event 的值。此方法只能在通过 dispatchEvent 方法指派 Event 之前调用,尽管在该阶段可以多次调用它(如有必要)。如果被多次调用,则最后一次调用优先。如果从 Event 接口的子类调用,则只修改在 initEvent 方法中指定的值,所有其他属性保持不变。
参数:
eventTypeArg - 指定事件类型。此类型可以是当前在此规范中定义的任何事件类型,或是一个新的事件类型。该字符串必须是 XML 名称。任何新的事件类型一定不能以字符串 "DOM" 的大写、小写或混合大小写版本开头。此前缀是为以后的 DOM 事件集保留的。还强烈推荐添加自己的事件的第三方使用自己的前缀以避免混淆,降低与其他新的事件发生冲突的可能性。
canBubbleArg - 指定该事件是否可以 bubble。
cancelableArg - 指定是否可以阻止事件的默认操作

分享到:
评论

相关推荐

    浏览器集成VLC视频插件

    浏览器集成VLC视频插件是一种解决方案,用于在各种主流浏览器如IE8+、Chrome和Firefox中流畅播放视频内容。VLC Media Player是一款流行的开源多媒体播放器,它支持多种视频格式和流媒体协议,使得在浏览器中播放不同...

    selenium3.0 webdriver+python3.0实例参考

    WebDriver支持多种浏览器,如Chrome、Firefox、IE、Edge等,并且可以通过Python、Java、C#等语言进行调用。 ### 2. 安装Python Selenium库 在Python环境中使用Selenium,首先需要安装`selenium`库。可以使用pip...

    基于Python3.3+Selenium3.0框架实战Web自动化测试实战(百度网站实测项目)

    它可以模拟用户操作浏览器的行为,并且支持多种主流浏览器如Chrome、Firefox等。通过Python与Selenium的结合,可以实现对Web页面的各种操作,包括点击按钮、填写表单、切换窗口等,从而完成一系列复杂的测试任务。 ...

    selenium3 for python.rar

    WebDriver 支持多种浏览器,如Chrome、Firefox、Internet Explorer等,通过特定的驱动程序(WebDriver实例),开发者可以编写脚本来执行点击、填写表单、导航、截屏等操作。 在压缩包内的"**webdriver3 for python....

    VR探索之——aframe框架 在浏览器显示全景照片

    9. **浏览器兼容性**:aframe支持多种现代浏览器,包括Chrome、Firefox和Safari,但并非所有浏览器都原生支持WebVR,可能需要WebVR polyfill来确保跨平台兼容性。 10. **互动和事件**:aframe提供了多种事件监听器...

    FSD_AUTOUI_python_FSD_自动测试_自动化测试_

    Selenium是Python中最流行的Web UI自动化测试框架,它支持多种浏览器,如Chrome、Firefox等。通过WebDriver接口,Selenium可以控制浏览器执行各种操作,并检查结果是否符合预期。编写Selenium测试用例时,我们需要...

    jquery-1.8.3.js及其它版本合集

    - **兼容性广**: 支持多种浏览器,包括Internet Explorer、Firefox、Chrome、Safari和Opera等。 - **丰富的插件**: jQuery拥有庞大的插件生态系统,涵盖了表单验证、轮播图、日期选择器、模态对话框等多种功能。 -...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    selenium高级自动化(图文教程)-抢先版

    Selenium支持多种浏览器,包括Chrome、Firefox、Edge等。不同浏览器需要对应的WebDriver驱动程序才能正常工作。 **1.2 pip降级Selenium 3.0** ##### 1.2.1 遇到问题 有时由于某些特定的需求,可能需要使用...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    2021-2022计算机二级等级考试试题及答案No.11571.docx

    10. Web浏览器:除了Internet Explorer和Netscape Navigator,还有许多其他Web浏览器,如Firefox、Chrome、Safari等。 11. 操作系统:操作系统是用户和硬件之间的接口,提供资源管理和用户服务,但这个说法不完全...

    javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图

    gRaphael使用了Raphael矢量图形库作为其核心基础,这一底层支持让它能够兼容多种现代浏览器,包括但不限于Firefox3.0+、Safari3.0+、Chrome5.0+、Opera9.5+和Internet Explorer6.0+。gRaphael图表库支持W3C推荐的...

    JQuery开发基础

    - **跨浏览器兼容性**:支持主流浏览器如IE6.0+、Firefox2+、Safari3.0+、Opera9.0+、Chrome等。 - **丰富的选择器**:提供多种方式来选取文档中的元素,使DOM操作更加灵活。 - **易用性**:API设计简洁明了,易于...

    vue中后端做Excel导出功能返回数据流前端的处理操作

    本例中采用的是通过axios请求接口的方式,这种方法适用于大多数现代浏览器,包括Firefox和Chrome,但不支持IE和Safari。如果需要考虑兼容性,可以结合其他方法来实现。 总结来说,Vue中处理后端返回的Excel数据流,...

Global site tag (gtag.js) - Google Analytics