event 兼容调用（IE，Firefox，Chrome)

这两天在接触 jQuery EasyUI（http://jquery-easyui.wikidot.com/ )，在调用window.event的时候发现了Firefox在调用event的时候有些兼容问题：

在Firefox页面调用后，其windows.event对象为undefined：

if (typeof (window.event) == 'undefined') alert('window.event is undefined.'); else alert('window.event is defined.');

 

以上代码在Firefox中执行，结果为："window.event is undefined."。IE 和 Chrome中执行结果：“window.event is defined."。

 

在Firefox中需要调用event必须在调用方法中传递一个参数event，但是jQuery EasyUI中有些动作不能传递自定义参数，比如 tree 中的 onChick(node)中，只能传递node参数。为了解决这个问题，页面加载时需要执行以下代码，初始化一个event即可解决这个问题：

 

function loadEvent() { if (!document.all) { window.constructor.prototype .__defineGetter__( "event", function() { var func = arguments.callee.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0 && (arg0.constructor == Event || arg0.constructor == MouseEvent)) { return arg0; } func = func.caller; } return null; }); } }  

另外在Firefox中获取鼠标当前坐标也存在不同的调用方法：

 

menu_x = event.x ? event.x : event.pageX; menu_y = event.y ? event.y : event.pageY;

 

在IE和Chrome中，使用event.x和event.y即可获得鼠标坐标，而在Firefox中需使用event.pageX和event.pageY获取。