2011-08-28 36 views
0

這段代碼適用於我的咖啡杯測試瀏覽器,但是當我在其他瀏覽器中測試時,它根本不起作用。沒有任何功能可以工作,拖放,突出顯示焦點上的文本以及鼠標懸停在光標上。我的代碼在爲IE或Firefox工作時遇到問題

下面是我放在一起的一些代碼。

<html> 
    <head> 
     <title>sample</title> 
     <script type="text/javascript"> 

      function handleMouseMove(oEvent) { 
       if (oEvent.button == 1) { 
        oEvent.srcElement.dragDrop(); 
       } 
      } 

      function handleDragDropEvent(oEvent,nm) { 
       oEvent.dataTransfer.setData("text",""+nm+""); 
      } 

      function SelectAll(id) { 
       document.getElementById(id).focus(); 
       document.getElementById(id).select(); 
      } 

     </script> 
    </head> 
    <body> 
     <table border="0" width="25%"> 
      <td align="left"><div style="background-color: transparent"  onmouseover="this.style.cursor='hand'" onmousemove="handleMouseMove(event)" ondragstart="handleDragDropEvent(event,['S.D.'])"><b><font color="#0080FF">S.D.</font></b></div></td><!-- Col 1 --> 
      <td align="center"><font size="1">5.2</font></td><!-- Col 2 --> 
      <td align="right"><div style="background-color: transparent" onmouseover="this.style.cursor='hand'" onmousemove="handleMouseMove(event)" ondragstart="handleDragDropEvent(event,['G.B.'])">G.B.</div></td><!-- Col 3 --> 
     </table> 
     <br /><br /> 

    <b>16: </b><input type="text" id="16" onClick="SelectAll('16');" name="16" size="12" tabindex=3 value="" /> 
    </body> 
</html> 

我也想在降刪除文本,因此如果文本中有文本,什麼滴在將取代,而不是添加到它。請幫忙。

+0

創建一個jsfiddle plz – Baz1nga

+1

你應該知道的第一件事是你正在使用javascript,而不是java – Bozho

回答

0

有幾個問題:

  1. 「手」 -cursor不叫「手」,而是「指針」
  2. 的ondragstart事件不是由每個瀏覽器都支持的,因爲它是HTML5
  3. 和一個id /名稱必須以字母

這將是更好地使用類似的jQuery(+插件),所有這些事件的初學者。

相關問題