IE(含IE6、IE7)下用程序触发鼠标点击事件显得很飘逸,一句代码而已,但它的不守规矩着实让我郁闷了一把。而FireFox则是遵循模型办事,代码多了几行不过清晰了很多。废话不多说,因为代码会说话:)。
<html>
<head><title>Dispatch Event Sample</title>
<script>
function clickABC(el){
if (navigator.appVersion.match(/\bMSIE\b/)){
el.click();
}else{
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
el.dispatchEvent(evt);
}
}
</script>
</head>
<body>
<div id="abc" onclick="javascript:alert('you are clicked Crespo Shi!');">I'm Crespo Shi</div>
<input type="button" onclick="javascript:clickABC(document.getElementById('abc'))" value="Dispatch Event"/>
</body>
</html>
很多同学因为各种浏览器兼容的问题而觉得浏览器编程或者说JavaScript编程是一件很痛苦的事情,其实当你熟悉了常见的不兼容和利用了良好的JavaScript Lib你会发现也不是想象中那么郁闷,浏览器编程绝对是一件很享受的事情。
分享到:
相关推荐
通过本文提供的示例和详细说明,相信读者能更好地理解JavaScript中模拟触发鼠标点击事件的原理和实现方法,并在自己的项目中加以应用。需要注意的是,虽然模拟事件触发在很多情况下非常有用,但过度使用或不当使用...
对于鼠标滚轮事件而言,Internet Explorer (IE) 和 Firefox 这两种浏览器采用了不同的实现方式。本文将详细介绍如何编写能够在IE和Firefox上同时工作的鼠标滚轮事件JavaScript代码。 #### 核心知识点 1. **事件...
特别是在早期版本的Internet Explorer(IE)与Firefox之间实现兼容性,更是如此。本文将详细介绍如何通过特定的JavaScript技巧来解决这一问题。 #### 一、事件处理 首先,我们来探讨一下事件处理方面的问题。由于...
在IE中可以通过event对象的clientX和clientY属性来获取鼠标位置,而在Firefox中需要将事件对象作为参数传递给事件处理函数,并通过pageX和pageY属性来获取鼠标位置。 6. DIV等元素的边界问题: 不同浏览器在解析CSS...
以下是一些针对IE与Firefox的CSS兼容性的要点: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同的渲染模式。在IE中,没有正确的DOCTYPE会导致浏览器进入“quirks模式”,而Firefox则会遵循更接近标准的...
本文将深入探讨在Internet Explorer(IE)、Firefox、Chrome三大主流浏览器中实现event兼容调用的方法,重点解析事件对象的获取及鼠标坐标获取的差异。 #### 事件对象的兼容性获取 在JavaScript中,事件处理通常...
这是因为不同浏览器对滚轮事件的支持不同,`mousewheel`是大部分浏览器支持的事件,而`DOMMouseScroll`主要在Firefox中使用。 以下是一个简单的jQuery监听滚轮事件的例子: ```javascript $(document).ready...
标题中的“一个右键菜单,支持不同对象不同菜单,兼容IE、Firefox”指的是一个Web开发中的功能实现,它创建了一个自定义的右键上下文菜单,这个菜单可以根据用户点击的对象提供不同的选项,并且能在主流浏览器IE...
从提供的文件信息来看,本文主要涉及了跨...综上所述,FireFox与IE下js兼容触发click事件的代码示例,主要展示了如何根据浏览器的不同来选择合适的事件触发方法,并指出了编写兼容性代码时应注意的细节和最佳实践。
标题“火狐兼容获取鼠标的坐标”涉及到的是在网页开发中如何在Firefox浏览器上获取鼠标指针的位置。在Web开发中,特别是在JavaScript编程中,获取鼠标坐标是一项常见的需求,用于实现各种交互效果,如拖放功能、点击...
本文将详细介绍在IE与Firefox浏览器之间实现JavaScript脚本兼容的方法,主要涉及函数、属性、方法等方面的内容。 #### 1. 获取表单元素 - **IE**: 支持`document.formName.item("itemName")`和`document.formName....
标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...
此外,Firefox中事件对象的属性名也可能与IE中的不同,如`clientX`和`pageX`。为了兼容,开发者应编写能够处理这两种情况的代码,例如: ```javascript function gotoSubmit8_2(evt){ evt = evt || window.event; ...
在标准模式下,IE8及以下版本不支持通过`setAttribute`直接为元素添加事件监听器,这与现代浏览器如Chrome和Firefox存在差异。为了确保兼容性,通常推荐使用`addEventListener`方法为元素添加事件监听器,但由于IE8...
此外,对于子节点的访问,`childNodes`在IE和Firefox中的实现略有不同,Firefox更推荐使用`getElementsByTagName()`来遍历元素节点。 通过以上分析,我们可以看出,在进行跨浏览器的JavaScript编程时,开发者需要...
4. **浏览器差异**:IE和Firefox可能对CSS和JavaScript的解析有不同之处,因此需要编写条件语句来处理这些差异。例如,使用` conditional comments`或`feature detection`来区分不同的浏览器环境。 5. **DOM操作**...
本文将详细讲解如何实现一个兼容IE和Firefox的拖动div效果。 首先,我们需要了解两种浏览器对拖放事件的支持情况。Internet Explorer(IE)从版本5.5开始支持DOM级别的拖放,而Firefox则从版本3.5开始支持W3C标准的...
本篇文章将探讨如何实现一个简短的兼容IE和Firefox的鼠标经过事件(onmouseover和onmouseout)的解决方案。 首先,让我们了解这两个事件。`onmouseover`事件在鼠标指针进入一个元素时触发,而`onmouseout`事件则在...
标题与描述均提到了“Js图片广告轮换效果[支持ie7,ie8.firefox,ie6]”,这指向了一种使用JavaScript实现的图片轮播技术,特别强调了对旧版浏览器如IE6、IE7、IE8以及Firefox的支持。在现代Web开发中,虽然这些浏览器...