DOM的事件模拟（摘）

标签：des   高度自适应   style   blog   http   io   ar   color   使用   

要确定浏览器是否支持DOM规定的HTML事件，可以使用如下代码：

var isSupported = document.implementation.hasFeature("HTMLEvents", "2.0");

ex:

var evt = document.createEvent(“KeyEvents”);

event.initKeyEvent(“keypress”, true, true, document.defaultView, false, false, false, false, 65, 65);

dom.dispatchEvent(evt);

ex:

var evt = document.createEvent(“Events”);

evt.initEvent(type, bubbles, cancelable);

evt.view = document.defaultView;

evt.altKey = false;

evt.ctrlKey = false;

evt.shiftKey = false;

evt.metaKey = false;

evt.keyCode = 65;

evt.charCode = 65;

dom.dispatchEvent(evt);

var evt = document.createEventObject();

//初始化事件
evt.altKey = false;
evt.ctrlKey = false;
evt.shiftKey = false;
evt.keyCode = 65;

dom.fireEvent("onkeypress", evt);

鼠标事件MouseEvents，只需要统一使用document.createEvent(“MouseEvents”);需要使用initMouseEvent方法对事件进行初始化，参数由10个变为15个

type 事件类型（String），如“click”

bubbles 是否冒泡(Boolean)

cancelable 是否支持取消(Boolean)

view 与事件关联的视图

detail 与事件有关的详细信息

screenX 事件相对屏幕的X坐标

screenY 事件相对屏幕的Y坐标

clientX 事件相对视窗的X坐标

clientY 事件相对视窗的Y坐标

ctrlKey 是否按下Ctrl键(Boolean)，默认为false

altKey 是否按下了Alt键(Boolean)，默认为false

metaKey 是否按下了Meta键(Boolean)，默认为false

button 按下的是鼠标的左/右/中键

relatedTarget 与事件相关的对象，只在模拟mouseover、mouseout时使用(对应IE中的fromElement、toElement)

DOM的事件模拟（摘）

标签：des   高度自适应   style   blog   http   io   ar   color   使用   

原文地址：http://www.cnblogs.com/zyr997/p/4112117.html