測試文字功能,小工具,標題

記錄很重要,不然會浪費很多時間在找以前的記憶

一個人的氣度,決定他未來的高度。

2014年5月20日 星期二

ASP.NET 有一段 Javascript 在IE8正常 在chrome不能跑

工作上寫了一段Javascript,測試時用IE,運作正常,但在chrome不能跑
後來測試後發現,寫法要改一下

一樣上網找G老師
後來在 w3schools 找到範例
http://www.w3schools.com/jsref/dom_obj_style.asp

Style left Property ( Property = 屬性 )
http://www.w3schools.com/jsref/prop_style_left.asp

看到了網頁中間有這個圖示,猜應該是範例支援的遊覽器,所以就試試看
果真


==============只在 IE8 測試 可以跑   ============
function myShow(obj) {
   objtxtnum = obj;
   var br = document.getElementById('borderdiv1');
   br.style.left = event.clientX - 80;
    br.style.top = event.clientY + 20;
}

==============在 IE8 、Chrome 測試 可以跑   ======
function myShow(obj) {
   //alert(obj.id);
   objtxtnum = obj;
   //alert(obj.id);
   var br = document.getElementById('borderdiv1');
   //alert(br.id);
   br.style.left = (event.clientX - 80) + "px";  // 加了 px
  // document.getElementById("borderdiv1").style.left = "100px";
 //  alert(event.clientX);
 //  alert(document.getElementById("borderdiv1").style.left);
    br.style.top = (event.clientY + 20)+ "px";
}

沒有留言:

張貼留言