2011-08-28 35 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(+插件),所有这些事件的初学者。

相关问题