我的代码在 IE 或 Firefox 上运行时遇到问题答案

【问题标题】：Having trouble with my code working for IE or Firefox我的代码在 IE 或 Firefox 上运行时遇到问题
【发布时间】：2011-08-28 20:03:26
【问题描述】：

这段代码可以在我的咖啡杯测试浏览器中运行，但是当我在其他浏览器中测试时，它根本不起作用。这些功能都不起作用，拖放、突出显示焦点上的文本以及鼠标悬停时光标的变化。

这是我整理的一些代码：

<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>

我还想在放置时删除文本，因此如果文本框中有文本，则放置的内容将替换而不是添加到其中。请帮忙。

【问题讨论】：

首先你应该知道的是你使用的是javascript，而不是java

标签： javascript dom-events mouseover

【解决方案1】：

有几个问题：

“手”光标不叫“手”，而是“指针”
并非所有浏览器都支持 ondragstart 事件，因为它是 HTML5
id/name 必须以字母开头

最好为所有这些事件使用 jQuery（+ 插件）之类的东西。

【讨论】：