什么是按钮的基本JavaScript代码?

时间:2016-03-17 08:22:13

标签: javascript html

我需要一个按钮,当我将鼠标悬停在它上面时,会显示我下面的日期,并在我将鼠标悬停时隐藏它。如下图所示:

Example

3 个答案:

答案 0 :(得分:0)

您可以在javascript中阅读有关事件处理的更多信息 https://developer.mozilla.org/en/docs/Web/API/EventTarget/addEventListener 并稍微摆弄它。 您可能需要在按钮上声明两个监听器,以及“鼠标中心”。和' mouseleave'事件类型(addEventListener的第一个参数),并使用您选择的算法在侦听器函数中执行(addEventListener的第二个参数)。

答案 1 :(得分:0)

这是你需要的吗?

conda update jupyter

答案 2 :(得分: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>