在IE/Opera中,evgl.srcElement?evgl.srcElement:evgl.target
是window.event,而在Firefox中,是event
而事件的对象,在IE中是 window.event.srcElement,在Firefox中是event.target,而在Opera中则两者都支持。
我们还是用例子来说明。
//***********************************
<HTML>
<HEAD>
<TITLE> event的跨浏览器测试 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//Firefox 中在写关于event的函数的时候,必须把event对象作为参数传递给函数,这样才能使用event对象
function doTestEvent( evt )
{
//如果是IE/Opera,我们就用 srcElement 来获取触发事件的对象
// 如果是Firefox,我们就用 target 来获取触发事件的对象
var src = evt.srcElement ? evt.srcElement : evt.target;
alert( src.value );
}
//-->
</script>
</head>
<body>
<form name="frmtest">
<input type="button" value="event 测试" onclick="doTestEvent(event);" name="bttest">
</form>
</body>
</html>
//***********************************
这里顺便说一下判断鼠标按键的问题。
在 IE 里面
左键是 window.event.button = 1
右键是 window.event.button = 2
中键是 window.event.button = 4
没有按键动作的时候 window.event.button = 0
在 Firefox 里面
左键是 event.button = 0
右键是 event.button = 2
中键是 event.button = 1
没有按键动作的时候 event.button = 0
在 Opera 7.23/7.54 里面
鼠标左键是 window.event.button = 1
没有按键动作的时候 window.event.button = 1
右键和中键无法获取
而在 Opera 7.60/8.0 里面
鼠标左键是 window.event.button = 0
没有按键动作的时候 window.event.button = 0
右键和中键无法获取
下面我们写一个能在 IE4.01+/Firefox 0.9+/Opera 7.23+ 环境中均能运行正常的小程序,功能是用鼠标拖动层。
//***********************************
<HTML>
<HEAD>
<TITLE> 可用鼠标拖动的层 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var moving = false;
var initX = 0;
var initY = 0;
//*******************
// 获取触发事件的对象
//*******************
function findSrc(evt)
{
return( evt.target ? evt.target : evt.srcElement );
}
function start(evt)
{
//按下鼠标左键才允许移动
//evt.button == 1 IE/Opera 7.23/7.54
//evt.button == 0 Firefox/Opera 7.6+
if ( evt.button == 1 || evt.button == 0)
{
moving = true;
initX = evt.offsetX ? evt.offsetX : evt.layerX;
initY = evt.offsetY ? evt.offsetY : evt.layerY;
findSrc( evt ).style.cursor = "move";
window.status = "开始(button=" + evt.button + ")";
} else {
stop( evt );
}
}
function stop( evt )
{
moving = false;
findSrc( evt ).style.cursor = "";
window.status = "结束(button=" + evt.button + ")";
}
function move(evt)
{
//按下鼠标左键才允许移动
//evt.button == 1 IE/Opera 7.23/7.54
//evt.button == 0 Firefox/Opera 7.6+
if (moving && ( evt.button == 1 || evt.button == 0 ))
{
var intx = document.body.scrollLeft + evt.clientX; //获取当前鼠标位置的X坐标
var inty = document.body.scrollTop + evt.clientY; //获取当前鼠标位置的Y坐标
var div = findSrc( evt );
div.style.top = inty - initY;
div.style.left = intx - initX;
window.status = "X=" + intx + " Y=" + inty + " button=" + evt.button;
} else {
window.status = "已停止(button=" + evt.button + ")";
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<div id="mdiv"
style="position: absolute; width:300px; height: 200px; background-color: #FFFFE1;"
onmousedown="start( event );"
onmouseup="stop( event );"
onmouseout="stop( event );"
onmousemove="move( event );"></div> </BODY> HTML>
分享到:
相关推荐
window.event.keycode值大全,内含javascript中所有键盘键值,查找方便简单。
火狐浏览器不支持window.event的解决办法,解决不同浏览器针对window.event的差异
火狐下window.event回车改Tab解决方案 火狐下window.event回车改Tab解决方案
event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。...比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。
window.event 对象详解
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定[removed] = myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以写vSrc = window.event.srcElement,知道
window.event对象详解。event对象只在事件发生的过程中才有效;event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。
input type=”text” onkeydown=”keyNumAll... evt : ((window.event) ? window.event : “”); var key = evt.keyCode?evt.keyCode:evt.which;//兼容IE和Firefox获得keyBoardEvent对象的键值 console.info(key);/
网页右键ie不支持event.preventDefault和event.returnValue (需要加window) ,需要的朋友可以参考一下
下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
[window.event,event,this.event]);”>test</body> IE8: object,object,undefined FF8.0: undefined,MouseEvent,undefined Cr16: MouseEvent,MouseEvent,undefined Opera: MouseEvent,MouseEvent,...
javaScript window.event.keyCode 集合,对于事件的代码获取可以用脚本监听来实现。
比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 <HEAD><TITLE>Cancels Links ...
getEvent()方法可模拟window.event效果
IE 左键是 window.event.button = 1 右键是 window.event.button...1 没有按键动作 event.button = 0 Opera 7.23/7.54 鼠标左键是 window.event.button = 1 没有按键动作 window.event.button = 1 右键和中键无法获取 O
我们之前发过不少关于event.keyCode相关的文章,大家都可以参考下。
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 ...
比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转。 <HTML> <HEAD><TITLE&...