有没有虚拟定位软件免费

标准参考

根据 W3C DOM 2 Events 描述，EventTarget 接口被所有支持 DOM 事件模型的节点（Node）实现。该接口提供了 'addEventListener' 和 'removeEventListener' 方法，用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。

DOM 2 Events 中定义了 Event 接口，用来提供事件的上下文信息，它提供了若干标准属性和方法。实现 Event 接口的对象一般作为第一个参数传入事件处理函数，以用来提供当前事件相关的一些信息。

DOM 2 事件模型允许 DOM 实现支持事件的多模块，如果有必要，事件模型允许附加新的事件模块。为了共同使用性的目的，DOM 会定义一个包含低级别的，依赖设备的事件模块、一个 UI 逻辑事件模块和一个文档变化事件模块的 UI 事件模块。第三方实现（比如浏览器厂商）在定义一个新类型事件的时候，事件名称一定不能使用大小写无关的 'DOM' 字符串作开头，该前缀是为未来的 DOM 事件模块保留的。

DOM 2 已经定义了一个 UI 事件类型模块和一个鼠标事件类型的模块，它们分别对应 UIEvent 和 MouseEvent 接口。这两个接口提供了若干标准属性和方法，以获知事件发生时的一些信息。

关于 EventTarget 接口的详细信息，请参考 DOM 2 Events 1.3. Event listener registration。

关于 Event 接口的详细信息，请参考 DOM 2 Events 1.4. Event interface。

关于事件模块的详细信息，请参考 DOM 2 Events 1.6. Event module definitions。

问题描述

各浏览器对元素绑定、解绑事件监听器的方法，事件对象的获取，以及 Event 对象的实现上存在差异。

造成的影响

如果使用某浏览器特有的事件相关的属性及方法编写代码，则可能造成兼容性问题，导致代码报错，功能失效。

受影响的浏览器

所有浏览器

问题分析

1. 只有 IE Opera 支持使用 'attachEvent' 和 'detachEvent' 方法绑定和解绑事件监听器

根据 DOM 2 Events 中描述，节点使用 'addEventListener' 和 'removeEventListener' 方法绑定和解绑事件监听器，但 IE6 IE7 IE8 不支持这两个方法，而使用 'attachEvent' 和 'detachEvent' 方法作为替代方案，Opera 两类方法都支持。Chrome Safari Firefox 只支持标准方法。

分析以下代码：

<button id="add" type="button">add event listener test</button>
<button id="remove" type="button">remove event listener test</button>
<div id="info"></div>
<script type="text/javascript">
var add = document.getElementById("add"),
remove = document.getElementById("remove"),
showMsgA = function(){showMsg("attachEvent")},
showMsgB = function(){showMsg("addEventListener")};
if(add.attachEvent){
add.attachEvent("onclick",showMsgA);
remove.attachEvent("onclick",removeE);
}
if(add.addEventListener){
add.addEventListener("click",showMsgB,false);
remove.addEventListener("click",removeE,false);
}
function removeE(){
if(add.detachEvent){
add.detachEvent("onclick",showMsgA);
showMsg("detachEvent");
}
if(add.removeEventListener){
add.removeEventListener("click",showMsgB,false);
showMsg("removeEventListener");
}
}
function showMsg(method){
document.getElementById("info").innerHTML += ("support " + method + "<br />");
}
</script>

依次点击 'add event listener test' >> 'remove event listener test' >> 'add event listener test'，测试各浏览器对这些方法的支持，结果如下：

IE6 IE7 IE8
Opera
Chrome Safari Firefox

关于 'addEventListener' 和 'attachEvent' 有几点需要注意：

IE 不支持在捕获阶段触发事件监听器，'attachEvent' 方法没有提供参数说明是否响应在捕获阶段触发的事件；
'addEventListener' 和 'attachEvent' 都可以注册多个事件监听器；
在 Firefox Chrome Safari Opera 中给同一事件注册同一个事件监听器多次，重复注册的会被丢弃；而在 IE 中重复注册的事件监听器会被重复执行多次；
当给同一元素注册了多个事件监听器的时候，IE6 IE7 的事件监听器执行顺序是随机的，IE8 是倒序的，Firefox Chrome Safari Opera 是顺序的；
当元素注册的事件监听器中有非法的事件监听器时（非函数），在 IE Firefox 中会抛出异常，而在 Chrome Safari Opera 中则会忽略非法的事件监听器，继续执行其他的事件监听器。

2. 各浏览器获取事件对象的差异

DOM 2 Events 中规定使用事件监听器的第一个参数作为事件对象，而 IE Opera Chrome Safari 还支持通过 window.event 获取事件对象。

分析以下代码：

<button type="button" id="attach">attachEvent</button>
<button type="button" id="addE">addEventListener</button>
<button type="button" id="byclick">onClick</button>
<br />
INFO :
<div id="info"></div>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
var attach = $("attach"),
addE = $("addE"),
byClick = $("byclick");
attach.attachEvent && attach.attachEvent("onclick", handler);
addE.addEventListener && addE.addEventListener("click", handler, false);
byClick.onclick = handler;
function handler(){
var src = window === this ? window.event.srcElement : this, type = src.innerHTML;
window.event && showMsg(window.event.type, type + " + window.event");
arguments[0] && showMsg(arguments[0].type, type + " + arguments[0]");
}
function showMsg(type, msg){
$("info").innerHTML += (msg + "(type : " + type + ")<br />");
}
</script>

以上代码组合不同的事件监听器绑定方式和事件对象获取方法，测试各浏览器的支持程度。

依次点击 'attachEvent' >> 'addEventListener' >> 'onClick'，结果如下：

IE6 IE7 IE8
Chrome Safari
Opera
Firefox

汇总测试结果如下表：¹

事件对象获取方式	IE6 IE7 IE8	Chrome Safari	Opera	Firefox
window.event	Y	Y	Y	N
arguments[0]	Y²	Y	Y	Y

注1： Y 表示支持该事件对象获取方式，N 表示不支持。

注2：部分支持。

从上表出可以看出：

只有在使用 attachEvent 方法注册事件监听器的时候，IE 才支持使用事件监听器传入的第一个参数作为事件对象的方式；
Chrome Safari Opera 两种获取事件对象的方式都支持；
Firefox 只支持获取事件对象的标准方式。

3. 各浏览器中事件对象的属性和方法的差异

IE 对事件对象的标准属性和方法支持有限，针对大部分属性和方法，IE 都提供了一套替代非标准的替代方案；而 Firefox Chrome Safari Opera 除了全面支持事件对象的标准属性和方法外，还在不同程度上支持了 IE 提供的非标准替代方案。

以下代码检测了 Event、UIEvent、MouseEvent 接口以及事件对象的非标准属性在各浏览器下的支持程度：

<button type="button" id="iEvent">Interface Event</button>
<button type="button" id="iUIMouse">Interface UIEvent & MouseEvent</button>
<input type="text" id="nosK" />
<p id="wrap" style="border:3px solid;padding:5px;width:500px;"><a id="nosCM" href="#"><img src="google.gif" alt="IE"/></a></p>
<br />
<table border="1">
<tbody>
<tr>
<th>Interface Event</th>
<td id="einfo"></td>
</tr>
<tr>
<th>Interface UIEvent<br/>&<br/>MouseEvent</th>
<td id="minfo"></td>
</tr>
<tr>
<th>Non-standard<br/>&<br/>click</th>
<td id="ncinfo"></td>
</tr>
<tr>
<th>Non-standard<br/>&<br/>mouseover mouseout</th>
<td id="nminfo"></td>
</tr>
<tr>
<th>Non-standard<br/>&<br/>keyCode</th>
<td id="nkinfo"></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function addEvent(elem, type, handler, useCapture){
elem.addEventListener ? elem.addEventListener(type, handler, useCapture) :
elem.attachEvent("on" + type, handler);
}
addEvent($("iEvent"), "click", handleEvent, false);
addEvent($("iUIMouse"), "click", handleUIMouse, false);
addEvent($("nosCM"), "click", handleNoSClick, false);
addEvent($("wrap"), "click", function(){alert("P tag.");}, false);
addEvent($("nosCM"), "mouseover", handldNoSMouse, false);
addEvent($("nosCM"), "mouseout", handldNoSMouse, false);
addEvent($("nosK"), "keydown", handleNoSKey, false);
addEvent($("nosK"), "keypress", handleNoSKey, false);
addEvent($("nosK"), "keyup", handleNoSKey, false);
function handleEvent(e){
e = e || window.event;
var props = {
type : "type",
target : "target",
currentTarget : "currentTarget",
eventPhase : "eventPhase",
bubbles : "bubbles",
cancelable : "cancelable",
timeStamp : "timeStamp",
initEvent : "initEvent",
preventDefault : "preventDefault",
stopPropagation : "stopPropagation"
};
showMsg(props, e, $("einfo"));
}
function handleUIMouse(e){
e = e || window.event;
var props = {
view : "view",
detail : "detail",
initUIEvent : "initUIEvent",
screenX: "screenX",
screenY : "screenY",
clientX : "clientX",
clientY : "clientY",
ctrlKey : "ctrlKey",
shiftKey : "shiftKey",
altKey : "altKey",
metaKey : "metaKey",
button : "button",
relatedTarget : "relatedTarget",
initMouseEvent : "initMouseEvent"
}
showMsg(props, e, $("minfo"));
}
function handleNoSClick(e){
e = e || window.event;
e.returnValue = false;
e.cancelBubble = true;
var props = {
cancelBubble : "cancelBubble",
offsetX : "offsetX",
offsetY : "offsetY",
returnValue : "returnValue",
srcElement : "srcElement",
x : "x",
y : "y"
};
showMsg(props, e, $("ncinfo"));
}
function handldNoSMouse(e){
e = e || window.event;
var props = {
fromElement : "fromElement",
toElement : "toElement"
};
showMsg(props, e, $("nminfo"));
}
function handleNoSKey(e){
e = e || window.event;
$("nkinfo").innerHTML += "<strong>" + e.type + "</strong> : " + e.keyCode + "<br/>";
}
function showMsg(props, e, info){
var tmp = "", p, val;
with(e){
for(p in props) {
try{
val = eval(props[p]) + " [" + typeof eval(props[p]) + "]";
} catch (e) {
val = undefined;
}
tmp += "<strong>" + p + "</strong> : " + val + "<br />"
}
}
info.innerHTML = tmp;
}
</script>

执行以上测试代码，分别点击 'Interface Event' 按钮、'Interface UIEvent & MouseEvent' 按钮和图片，鼠标移到图片上再移开，在文本框中输入 'a'，得到结果整理如下表：³

Interface & Non-standard	Property & method	IE6 IE7 IE8	Chrome Safari Opera	Firefox
Interface Event	type	Y	Y	Y
	target	N	Y	Y
	currentTarget	N	Y	Y
	eventPhase	N	Y	Y
	bubbles	N	Y	Y
	cancelable	N	Y	Y
	timeStamp	N	Y	Y
	initEvent	N	Y	Y
	preventDefault	N	Y	Y
	stopPropagation	N	Y	Y
Interface UIEvent	view	N	Y	Y
	detail	N	Y	Y
	initUIEvent	N	Y	Y
Interface MouseEvent	screenX	Y	Y	Y
	screenY	Y	Y	Y
	clientX	Y	Y	Y
	clientY	Y	Y	Y
	ctrlKey	Y	Y	Y
	shiftKey	Y	Y	Y
	altKey	Y	Y	Y
	metaKey	N	Y	Y
	button	Y	Y	Y
	relatedTarget	N	Y	Y
	initMouseEvent	N	Y	Y
Non-standard	cancelBubble	Y	Y	Y
	offsetX	Y	Y	N
	offsetY	Y	Y	N
	returnValue	Y	Y	N
	srcElement	Y	Y	N
	x	Y	Y	N
	y	Y	Y	N
	fromElement	Y	Y	N
	toElement	Y	Y	N
	keyCode	Y	Y	Y

注3： Y 代表事件对象支持该属性或方法，N 代表不支持。

从上表中可以看出：

IE 支持事件对象的所有非标准属性，不支持除 'type' 外 Event 接口的所有方法属性及方法，不支持 UIEvent 接口的所有属性和方法，不支持 MouseEvent 接口的 'metaKey'、'relatedTarget' 属性和 'initMouseEvent' 方法；
Chrome Safari Opera 支持事件对象的所有标准及非标准的属性和方法；
Firefox 支持事件对象的所有标准属性和方法，但仅支持非标准属性中的 'cancelBubble' 和 'keyCode'。

需要注意的是：

Firefox 不支持事件对象的 'returnValue' 属性，测试样例中虽然显示 'returnValue' 值为 false，但这仅仅是因为给事件对象添加了 'returnValue' 属性，并没有起到取消事件默认动作的作用，这从地址栏可以看出，多了 '#' 号，这是 A 标签的 'href' 属性造成的。
各浏览器对 Event 接口的 'timeStamp' 属性返回值都不同。

关于 IE 实现的事件对象非标准的属性及方法的详细信息，请参考 MSDN event Object。

关于 Firefox 对事件对象实现的详细信息，请参考 MDC event。

解决方案

1. 使用特性判断创建无兼容性问题的事件监听器绑定和解绑函数

如：

function addEvent(elem, type, handler, useCapture){
elem.addEventListener ? elem.addEventListener(type, handler, useCapture) :
elem.attachEvent("on" + type, handler);
}
function removeEvent(elem, type, handler, useCapture){
elem.removeEventListener ? elem.removeEventListener(type, handler, useCapture) :
elem.detachEvent("on" + type, handler);
}

2. 使用特性判断获得有效的事件对象

在事件监听器中判断传入的第一个参数或 window.event 是否有效，如：

function handler(e){
e = e || window.event;
}

3. 使用特性判断使用与标准对应的非标准方法及属性

尽管 IE 对事件对象的标准属性和方法支持有限，但它自己实现的事件模型也基本能够替代或实现标准属性或方法的功能。

下表总结了部分与标准事件对象对应的，或可以实现标准属性或方法功能的非标准属性：

Standard	Non-standard
target	srcElement
preventDefault()	returnValue
stopPropagation()	cancelBubble
relatedTarget	fromElement toElement

另，标准的 'clientX' 属性和非标准的 'x' 属性作用是相同的，同样 'clientY' 和 'y' 也是。

有没有虚拟定位软件免费

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

小米虚拟定位怎么开启
一. 存在的问题在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radi…...
2024/4/28 6:29:12
怎么给陌陌虚拟定位软件
在看这篇文章之前，可以看看前两篇文章，表单验证输入范围验证是在原有的基础上改写的。 (一). 输入范围验证存在问题在第二篇上提到的问题，在原有的验证中也存在相同的问题。当然在这次改写中也解决了一些这些问题。同时也添加了对radio，checkbox，select 元素的验证。当然…...
2024/4/28 21:08:24
手机不root虚拟定位软件
周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西!如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在…...
2024/4/28 0:38:15
手机微信虚拟定位哪款好用
完整代码：复制代码代码如下: $.fn.parseTemplate = function(data) { var str = (this).html(); var _tmplCache = {} var err = ""; try { var func = _tmplCache[str]; if (!func) { var strFunc = "var p=[],print=function(){p.push.apply(p,arguments);…...
2024/4/28 22:22:54
虚拟定位不越狱
先上图： jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式：{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件（jquery.tr…...
2024/4/28 8:57:52
虚拟定位还是开通不了腾讯信用
一般的，一个jqGrid的基本属性有一下几个常用的。复制代码代码如下: $("#id").jqGrid({ url: "", datatype: "local", postData: { strJson: Data }, mtype: "post", height: 45, width: 450, rowNum: rum, //每页的记录数 pgtext: …...
2024/4/28 16:34:22
ios虚拟定位图
当用jQuery要选择demo1标签时，会用到下面代码：jQuery(#demo1"); 当用jQuery选择demo1和demo2，不要告诉我用jQuery(div)。这时就要用到标题中提到的方法，jQuery add方法：追加标签。 jQuery add使用方法： jQuery(#demo1").add(#demo2");...
2024/4/28 17:33:42
三星s8虚拟定位设置
1. 设计场景首页那边有一个产品浏览的版块在延迟载入的时候，将我所有的隐藏帧的项都显示出来（如图，我本意是显示两行图片，可是在载入卡住，将下面一些隐藏元素都显示出来了），整体画面粗糙凌乱，整个网页完全载入并顺利运行的时间延迟超过5秒，在这种交互性极强的在线印刷…...
2024/4/28 12:20:45
安卓8.1能用的虚拟定位
1、call call 方法调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法…...
2024/4/25 23:46:24
苹果6s虚拟定位怎么使用教程
不能为空 <input onblur="if(this.value.replace(/^ +| +$/g,)==)alert(不能为空!)">只能输入英文和数字<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert(有错)"><input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,)"/…...
2024/4/28 4:51:31
虚拟定位考勤被发现
textContent与innerText的不同 IE下有个innerText属性，FF下有个textContent属性。很多以前给IE写脚本的，在FF下找不到innerText属性，于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。但是实际上，这里有个误解。网上很多文章说“FF下等效于innerText属性…...
2024/4/26 11:08:09
虚拟定位ios QQ
document.write() //将内容写入文档，当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行 document.write()和document.writeln都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并…...
2024/4/14 14:05:45
手机虚拟定位要收费吗
下面看一下EasyUI的对话框效果图 js代码：复制代码代码如下: <script language="javascript" type="text/javascript"> function Open_Dialog() { $(#mydialog).show(); $(#mydialog).dialog({ collapsible: true, minimizable: true, maximizable…...
2024/4/27 7:26:29
电脑如何虚拟定位最新消息
代码实现的目的：为一个自定义的类的某个属性在使用它时候，触发某个事件。该程序的效果：点击输入按钮，弹出一个脚本提示输入框让用户输入他的姓名，确定后，用户录入的姓名会显示在页面的姓名文本框中，并且页面标题变成和姓名一致，接着再弹出脚本提示输入框让用户输入性别…...
2024/4/14 14:05:43
2017苹果手机怎么虚拟定位
1、arguments An array corresponding to the arguments passed to a function. 在一个函数体内，标识符arguments引用了arguments对象的一个特殊属性。可以按照数目（而不是名字）获取传递给函数的参数值。如（prototype.js中的使用）：复制代码代码如下: function $() { v…...
2024/4/26 2:53:14
电脑控制安卓虚拟定位
第一种模式：工厂方式复制代码代码如下: var lev=function(){ return "dt猫"; }; function Parent(){ var Child = new Object(); Child.name="脚本"; Child.age="4"; Child.lev=lev; return Child; }; var x = Parent(); alert(x.name); aler…...
2024/4/27 22:49:31
苹果10系统未越狱虚拟定位
Javascript中的变量同样支持自由类型转换成为适用(或者要求)的内容以便于使用。弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换，例如一个非常常见的错误,在浏览器脚本中，从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量…...
2024/4/27 4:49:13
虚拟定位 apk 2017
复制代码代码如下: var DataCache = function(){ if(!(this instanceof DataCache)){ return new DataCache(); } this.id = 0; this.caches = {}; }; DataCache.prototype = { add : function(val){ val = val || null; key = "dc_" + this.id; this.caches[key] =…...
2024/4/14 14:05:44
探探网页版微信虚拟定位软件哪个好
因为是辅助类库，所以为了兼容所有其他框架和类库，采用了包装器的方式对对象进行扩展。D类库的最主要的内容是针对js常用内置对象的扩展，比如：String,Number,Array,Date等，这些扩展偏于具体的业务逻辑，比如对String扩展的trim方法、对Date扩展的toStr方法等，都是对一些常…...
2024/4/27 2:55:21
淘宝打地鼠虚拟定位软件
先定义两个关于背景色的样式tag为id对象c1为样式1c2为样式2复制代码代码如下:<script> function changeRowsBg(tag,c1,c2) { 　　　　var i = 0; 　　　　var obj_tag = document.getElementsByTagName(tag); 　　　　 for(i = 0;i < obj_tag.length ;i++){ 　　　　…...
2024/4/14 9:43:34

有没有虚拟定位软件免费

标准参考

问题描述

造成的影响

受影响的浏览器

问题分析

1. 只有 IE Opera 支持使用 'attachEvent' 和 'detachEvent' 方法绑定和解绑事件监听器

2. 各浏览器获取事件对象的差异

3. 各浏览器中事件对象的属性和方法的差异

解决方案

1. 使用特性判断创建无兼容性问题的事件监听器绑定和解绑函数

2. 使用特性判断获得有效的事件对象

3. 使用特性判断使用与标准对应的非标准方法及属性

相关文章

最新文章