簡體   English   中英

在HTML表格上使用Javascript?

[英]Using Javascript on an HTML table?

幾個問題,只是想知道是否有人可以提供幫助?

我有一張長一行(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>

作為練習,我將為Internet Explorer修復此問題。 同樣,偏移位需要一些工作。 無論如何,這僅僅是為了說明這個想法。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM