Обработка событий onmouseover() и onclick() для одной и той же кнопки HTML

Я хочу получить небольшое окно с надписью "Hello world" при наведении курсора на кнопку с именем Log. Теперь у меня есть определенное действие кнопки LogOpen(), которое открывает файл журнала по нажатию кнопки "Журнал".

Как я могу выполнить два действия над кнопкой "Журнал", чтобы onmouseover отображал подсказку, а нажатие одной и той же кнопки "Журнал" должно было извлечь файл журнала, как это происходит в настоящее время?

Любые примеры фрагментов кода будут полезны, как справиться с этим по событию 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 Log

<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>
Источник

1 ответ

Если вы не хотите что-то необычное, просто добавьте атрибут title к кнопке ввода.

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

вот скрипка для приведенного выше кода

И если вы хотите, чтобы при наведении курсора появилось какое-то модное всплывающее окно, вы можете использовать http://jqueryui.com/tooltip/ для этого.

Надеюсь, это поможет вам.

Источник
Другие вопросы по тегам