如何触发此事件?

时间:2009-07-08 06:00:29

标签: javascript html

我有一张3 x 3细胞的桌子。每个单元格在1-9中包含一个按钮,当单击任何按钮时,该值将附加到输入文本框。

我试图触发表中的onmouseout事件,但这不起作用。我还尝试在表外添加一个div来捕获onmouseout事件。

如何使用JavaScript来触发客户端游标是否仍然在桌面上?

我想要的是在用户点击按钮中的内容并且鼠标离开桌子后,我需要验证客户端点击的内容。

2 个答案:

答案 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样式来解决此问题。