我有一张3 x 3细胞的桌子。每个单元格在1-9中包含一个按钮,当单击任何按钮时,该值将附加到输入文本框。
我试图触发表中的onmouseout事件,但这不起作用。我还尝试在表外添加一个div来捕获onmouseout事件。
如何使用JavaScript来触发客户端游标是否仍然在桌面上?
我想要的是在用户点击按钮中的内容并且鼠标离开桌子后,我需要验证客户端点击的内容。
答案 0 :(得分:0)
如果在表上设置OnMouseout事件,则将光标移动到表中的对象上时将触发该事件,因为光标不再直接在表上。
我不确定你想在这做什么。是否要在单击按钮时引发事件,或者在光标移出表格时是否要引发事件?
修改强>
每次单击按钮时,以下代码都会引发事件
myClickEvent函数将知道单击了哪个按钮:
<html>
<head>
<script>
function myClickEvent(obj) {
document.getElementById("myTextBox").value += obj.value;
}
</script>
</head>
<body>
<table>
<tr>
<td><input type="button" value="1" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="2" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="3" onClick="myClickEvent(this);"></input></td>
</tr>
<tr>
<td><input type="button" value="4" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="5" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="6" onClick="myClickEvent(this);"></input></td>
</tr>
<tr>
<td><input type="button" value="7" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="8" onClick="myClickEvent(this);"></input></td>
<td><input type="button" value="9" onClick="myClickEvent(this);"></input></td>
</tr>
</table>
<input type="text" id="myTextBox"></input>
</body>
</html>
答案 1 :(得分:0)
尝试为要验证的控件添加onmouseout事件,也可以使用悬停css样式来解决此问题。