同一个 html 按钮的 onmouseover() 事件和 onclick() 事件处理答案

【问题标题】：onmouseover() event and onclick() event handling for same html button同一个 html 按钮的 onmouseover() 事件和 onclick() 事件处理
【发布时间】：2014-06-04 09:29:31
【问题描述】：

我希望在鼠标悬停在名为 Log 的按钮上时显示“Hello world”的小窗口。现在，我定义了一个按钮操作 LogOpen()，它会打开 Log 按钮的日志文件 onclick。

如何在 Log 按钮上执行两个操作，以便 onmouseover 应显示提示，并且同一 Log 按钮的 onclick 应按原样获取日志文件目前？

任何示例代码 sn-ps 将有助于如何处理 mouseover() 事件以及我下面代码的 OnClick() 事件。

LogOpen() 函数：-

<script type="text/Vbscript">
Option Explicit
Dim File
File = "C:\\test.txt"
'***********************************************************
Sub LoadMyFile()
    myDiv.innerHTML = LoadFile(File)
End Sub
'***********************************************************
Function LogOpen(File)
    On Error Resume Next
    Dim fso,F,ReadMe,Tab,i,paragraphe
    Set fso = CreateObject("Scripting.FileSystemObject")
    Set F = fso.OpenTextFile(File,1)
    LoadFile = Err.Number
    If Err.Number <> 0  Then
        MsgBox Err.Description,16," Error"
        Exit Function
    End If
    ReadMe = F.ReadAll
    Tab = split(ReadMe,vbcrlf)
    For i = lbound(Tab) to ubound(Tab)
        paragraphe=paragraphe & Tab(i) & "<br>"
    Next
    LoadFile = paragraphe
End Function </script>

HTML 日志按钮

<input type="button" name="Log" id="Start" value="Log" onclick="LogOpen()">

提示消息未显示 onmouseover()

<script language="javascript">
document.getElementById("Start").onmouseover = function() {
  alert("hi")
}
</script>

JS 位置

<body text="black">
<table>
  <p>&nbsp;Log</p>

       <input type="button" name="Log" id="Start" value="Open Dctm" onclick="LogOpen()">

  </tr><br/>
</table>
<Div id="myDiv"></Div>
<td height="37" width="495" align="center">
<script language="javascript">
document.getElementById("Start").onmouseover = function() {
  alert("hi")
}
</script>
</body>

【问题讨论】：

标签： html vb.net vbscript event-handling onmouseover

【解决方案1】：

如果您不想要任何花哨的东西，只需将标题属性添加到您的输入按钮。

<input type="button" name="Log" id="Start" value="Log" onclick="LogOpen()" title="hello world">

这是上面代码的Fiddle

如果你想在悬停时给出一些花哨的弹出窗口，你可以使用http://jqueryui.com/tooltip/#custom-style。

希望对你有所帮助。

【讨论】：

我想要一个弹出窗口或鼠标悬停在按钮上的小窗口，你能给我展示一些例子，以便我能更清楚地了解建议的方法吗？
对不起，我匆忙发布了答案。
@Sandeeproop 您提供的 jquery 链接不起作用。我检查了 JFiddle 链接，但这不是我想要的。我希望 onmouseover 以这样一种方式定义，即 onClick() 和 onmouseOver() 功能都保留在同一个日志按钮上。我希望 onmouseover() 以函数的形式出现，这样我就可以在 onmouseover() 函数中编写更多逻辑，当然不是作为工具提示标题。我特别想要 onmouseover 事件
我尝试了你建议的那个，但它没有在悬停时显示警报消息，并且已经粘贴了代码部分。我在上面粘贴的标题为“警报消息未显示 onmouseover()”的代码中是否有任何问题？它没有响应悬停动作，确实很奇怪。
你在哪里添加你的js代码。请把你的js写在标签的末尾