在HTML表上使用Javascript?

在HTML表上使用Javascript?,javascript,html,html-table,Javascript,Html,Html Table,问几个问题,想知道是否有人能帮忙 我有一个表,有一个长行(1000像素)和一个单列,我如何创建一个方法,当鼠标光标位于单元格的最左侧时,一个变量,比如说X设置为0,鼠标光标在单元格中越向右移动,X的值就越大 我知道这听起来是个奇怪的问题,但我正在从事一个需要这种功能的项目 是否有Javascript方法来创建此功能 是否有要创建的javascript方法 这个功能 是的,JavaScript中有一些东西可以做你想做的事情。基本上你需要在你的桌子上放一个“onmousemove”事件。以下内容适用

问几个问题,想知道是否有人能帮忙

我有一个表,有一个长行(1000像素)和一个单列,我如何创建一个方法,当鼠标光标位于单元格的最左侧时,一个变量,比如说X设置为0,鼠标光标在单元格中越向右移动,X的值就越大

我知道这听起来是个奇怪的问题,但我正在从事一个需要这种功能的项目

是否有Javascript方法来创建此功能

是否有要创建的javascript方法 这个功能

是的,JavaScript中有一些东西可以做你想做的事情。基本上你需要在你的桌子上放一个“onmousemove”事件。以下内容适用于Firefox和Chrome:

<html>
<body>
<script>
function movedamouse (event)
{
var mytd = document.getElementById ("mytd");
myxpos = event.pageX;
mytext = document.createTextNode (myxpos);
while (mytd.firstChild)
mytd.removeChild (mytd.firstChild);
mytd.appendChild (mytext);
}
</script>
<table>
<tr>
<td>
bbaby
</td>
<td id="mytd" onmousemove="movedamouse(event)"
    style="width:1000px;background:chartreuse">
</td>
</tr>
</table>
</body>
</html>

函数movedamouse(事件)
{
var mytd=document.getElementById(“mytd”);
myxpos=event.pageX;
mytext=document.createTextNode(myxpos);
while(mytd.第一个孩子)
mytd.removeChild(mytd.firstChild);
mytd.appendChild(mytext);
}
巴比
我将把解决这个问题留给Internet Explorer作为练习。此外,偏移位还需要一些工作。无论如何,这只是为了说明这个想法