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>

 

posted @ 2012-12-21 09:25  广拓小程序  阅读(900)  评论(0编辑  收藏  举报