Мне нужна кнопка, которая показывает мне дату ниже, когда я использую курсор мыши над ней и скрывает ее, когда я курю мышь. Так же, как на картинке ниже:Каким будет основной код JavaScript для кнопки?
-4
A
ответ
0
Вы можете прочитать больше о обработке в JavaScript с https://developer.mozilla.org/en/docs/Web/API/EventTarget/addEventListener события и скрипку с ним немного. Возможно, вам придется объявить двух слушателей на вашей кнопке, типах событий «mouseenter» и «mouseleave» (1-й аргумент addEventListener) и использовать алгоритмы по вашему выбору для выполнения в функциях слушателя (2-й аргумент addEventListener).
0
Это как вам нужно?
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>SHOW/HIDE Date on mouseover</p>
<input type="button" value="SHOW/HIDE Date on mouseover" onmouseover="show();" onmouseleave="hide();">
<p id="demo"></p>
<script type="text/javascript">
var show=function()
{
document.getElementById('demo').innerHTML=Date();
};
var hide=function()
{
document.getElementById('demo').style.display="none";
};
</script>
</body>
</html>
+0
, но это работает только один раз. Я снова паря его, он не работает. –
0
Добавьте немного JQuery:
Попробуйте это:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<input type="button" value="SHOW/HIDE Date on mouseover" onmouseover="show();" onmouseleave="hide();">
<p id="demo"></p>
<script type="text/javascript">
$(document).ready(function(){
$("input").mouseover(function(){
$("p").show(document.getElementById("demo").innerHTML = Date());
});
$("input").mouseleave(function(){
$("p").hide();
});
});
</script>
</body>
</html>
Смежные вопросы
- 1. Каким будет код исключения для сбоя службы?
- 2. Каким будет выглядеть исходный код этого шаблона?
- 3. Каким будет код для перехода к предыдущему текстовому полю?
- 4. Каким будет наилучшее кодирование текста JavaScript?
- 5. Каким будет код эквивалентности java для следующего кода?
- 6. Каким будет код для Push Data (от клиента к серверу)?
- 7. Каким будет код для добавления и вычитания дробей в C++
- 8. Каким будет код ключевого кадра для этой анимации?
- 9. Каким будет объяснение странного выражения javascript?
- 10. Каким будет шаблон JavaScript для соответствия любой заданной строке?
- 11. Каким будет другой термин для службы приложений?
- 12. Шаблон для основной кнопки многоразовой
- 13. Каким будет регулярное выражение?
- 14. Каким будет объединение SQL?
- 15. Каким будет выход для этой логики?
- 16. Каким будет мой маршрут?
- 17. Каким будет мой массив JSON?
- 18. Каким будет регулярное выражение для этого шаблона?
- 19. Каким будет выражение регулярного выражения?
- 20. JavaScript код для добавления кнопки на страницу
- 21. Будет ли исполняться код JavaScript?
- 22. Каким будет шаблон erb для рубинового перечислителя?
- 23. Каким будет деструктор для этого класса?
- 24. Каким будет математический символ для представления фракции?
- 25. Каким будет регулярное выражение для этого?
- 26. Каким будет регулярное выражение для этого?
- 27. Каким будет регулярное выражение для рисунка ниже?
- 28. Каким будет запрос для следующей таблицы образцов?
- 29. Каким будет DFA для (0 + 1) *?
- 30. Каким будет алгоритм для решения данной серии?
Объясните ваше требование ... присоединение оснастки не может быть способ задать вопрос .. – Moumit
Возможный дубликат [ Использование кнопки html для вызова функции javascript] (http://stackoverflow.com/questions/1947263/using-an-html-button-to-call-a-javascript-function) – aribeiro