我的代码在为IE或Firefox工作时遇到问题
问题描述:
这段代码适用于我的咖啡杯测试浏览器,但是当我在其他浏览器中测试时,它根本不起作用。没有任何功能可以工作,拖放,突出显示焦点上的文本以及鼠标悬停在光标上。我的代码在为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>
我也想在降删除文本,因此如果文本中有文本,什么滴在将取代,而不是添加到它。请帮忙。
答
有几个问题:
- “手” -cursor不叫“手”,而是“指针”
- 的ondragstart事件不是由每个浏览器都支持的,因为它是HTML5
- 和一个id /名称必须以字母
这将是更好地使用类似的jQuery(+插件),所有这些事件的初学者。
创建一个jsfiddle plz – Baz1nga
你应该知道的第一件事是你正在使用javascript,而不是java – Bozho