IE8及其以下特有js event对象坑,低压电器设备是指及其以下

2022年 10月 20日 发表评论
腾讯云618会场:点此直达 阿里云618会场:点此直达
免费/便宜/高性价比服务器汇总入口(已更新):点此直达
简介:

event 对象是 JavaScript 中一个非常重要的对象,用来表示当前事件。event 对象的属性和方法包含了当前事件的状态。

当前事件,是指正在发生的事件;状态,是与事件有关的性质,如 引发事件的DOM元素、鼠标的状态、按下的键等等。

event 对象只在事件发生的过程中才有效。

出现原因: 获取event对象 在 W3C 规范中,event 对象是随事件处理函数传入的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持这种方式;但是对于 IE8.0 及其以下版本,event 对象必须作为 window 对象的一个属性。

◆在遵循 W3C 规范的浏览器中,event 对象通过事件处理函数的参数传入。

语法:
elementObject.OnXXX=function(e){
var eve=e; // 声明一个变量来接收 event 对象
}
◆对于 IE8.0 及其以下版本,event 必须作为 window 对象的一个属性。

语法:
elementObject.OnXXX=function(){
var eve=window.event; // 声明一个变量来接收event对象
}

问题便出现于此,因为js代码中封装了一个模拟jquerylive,将事件委托到父容器document.body,传递了event,需要委托给控件绑定事件(需要支持ie8,ie真蛋疼):

解决如下:

var eve = event || window.event; //获取事件对象
var objEle= eve.target || eve.srcElement; //获取document 对象的引用

规范如下(参考http://www.itxueyuan.org/view/6340.html):

event 对象常用属性和方法(W3C规范) 属性 描述 IE 非IE W3CaltKey返回当事件被触发时,"ALT" 是否被按下。YesYesYesbutton返回当事件被触发时,哪个鼠标按钮被点击。YesYesYesclientX返回当事件被触发时,鼠标指针的水平坐标。YesYesYesclientY返回当事件被触发时,鼠标指针的垂直坐标。YesYesYesctrlKey返回当事件被触发时,"CTRL" 键是否被按下。YesYesYesmetaKey返回当事件被触发时,"meta" 键是否被按下。NoYesYesrelatedTarget返回与事件的目标节点相关的节点。NoYesYesscreenX返回当某个事件被触发时,鼠标指针的水平坐标。YesYesYesscreenY返回当某个事件被触发时,鼠标指针的垂直坐标。YesYesYesshiftKey返回当事件被触发时,"SHIFT" 键是否被按下。YesYesYesbubbles返回布尔值,指示事件是否是起泡事件类型。NoYesYescancelable返回布尔值,指示事件是否可拥可取消的默认动作。NoYesYescurrentTarget返回其事件监听器触发该事件的元素。NoYesYeseventPhase返回事件传播的当前阶段。Yestarget返回触发此事件的元素(事件的目标节点)。NoYesYestimeStamp返回事件生成的日期和时间。NoYesYestype返回当前 Event 对象表示的事件的名称。YesYesYes 方法 描述 IE 非IE W3CinitEvent()初始化新创建的 Event 对象的属性。NoYesYespreventDefault()通知浏览器不要执行与事件关联的默认动作。NoYesYesstopPropagation()不再派发事件。NoYesYes
除了上面W3C规范所规定的属性和方法外,IE浏览器还支持以下属性。
event 对象的属性(IE特有) 属性 描述cancelBubble如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。fromElement对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。keyCode对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。offsetX,offsetY发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。srcElement对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。toElement对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。x,y事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。

愿世间无IE.

腾讯云618活动:点此领取】8888元代金券,附云服务器价格表,2核2G4M轻量应用服务器99元1年,新老用户都可以买,可以享受1次续费99元一年、135元15个月、三年560元,MySQL云数据库59元1年起,2核2G3M配置82元1年,2核4G5M配置188元一年、3年900元,4核8G12M轻量服务器880元15个月,8核16G配置1890元15个月,更多16核32G28M带宽和云服务器CVM标准型S5、GPU服务器、CVM标准型SA2租用优惠价格如下,可以 点此进入最新活动页 查看当前最新的优惠券和活动信息。 腾讯云首购便宜续费贵,点击前往 【爆品专区】选择3年/5年,免得续费贵;首购便宜升级贵,建议 点击 选择8核16G/16核32G配置高的服务器。 阿里云618活动:点击领取】5亿上云补贴和2088元满减代金券,阿里云服务器租用费用618活动最新价格表【点击了解】,最便宜轻量应用服务器2核2G3M带宽82元1年,ECS云服务器2核2G3M带宽99元一年,ECS u1实例2核4G5M带宽优惠价格199元一年,香港30M带宽轻量服务器24元1个月、288元一年,4核8G服务器706元一年,ECS云服务器4核16G10M带宽30元1个月、90元3个月,云服务器8核32G10M带宽109元1个月、327元3个月。 腾讯云老用户享新人优惠的方法:用Qq登录、1人可注册3个新账号/用家人朋友的身份注册新号(点击注册新账号)。
小咸鱼

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: