JS 浏览器差异(IE和FF)
1.禁用div选择:
$(dataid).bind("selectstart", function(){//IE禁用div选择
return false;
}
$(dataid).css("-moz-user-select","none");//FF禁用div选择
2.window.close()(测试通过window.open打开的窗口都可以关闭)
firefox通过javascript:window.close()只能关闭点击链接或新打开的窗口,不能关闭地址栏输入打开的窗口;
IE可以直接关闭
3.事件源srcElement和target
var element=e.target || e.srcElement;//e.srcElement为IE下，e.target为FF下
4.offset()
在使用offset()方法时设置坐标时，在IE中最好先设置css的top,和left属性，不然会产生错误的坐标
如
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="lib/jquery/jquery-1.4.2.js"></script>
<title>Untitled Document</title>
<script type="text/javascript">
$(function()
{
$("#aa").offset({top:0,left:0});
alert($("#aa").offset().top);//这里莫名其妙的成了92
$("#aabc").click(function()
{
$("#aa").offset({top:0,left:0});
})
});
</script>
<style type="text/css">
#bb
{
top:20px;
}
#aa
{
top:30px;//未设置属性，上面弹出-92，设置后为0，可见最好先设置top和left属性，不然会产生不料的效果
position:absolute;
}
</style>
</head>
<body>
<div style="height:60px;" id="bb" style="top:10px;"></div>
<input type="button" value="test" id="aabc" />
<!--模板HTML-->
<div id="aa" >
aaaaaa</br>
bbbbbb</br>
cccccc</br>
</div>
</body>
</html>
