按钮的基本JavaScript代码是什么？_Javascript_Html

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

javascript html

按钮的基本JavaScript代码是什么？,javascript,html,Javascript,Html,我需要一个按钮，显示我下面的日期时，我使用鼠标悬停在它和隐藏它时，我把鼠标悬停了。如下图所示：您可以使用把它摆弄一下。您可能需要在按钮上声明两个侦听器，即“mouseenter”和“mouseleave”事件类型（addEventListener的第一个参数），并使用您选择的算法在侦听器函数中执行（addEventListener的第二个参数）这就是你需要的吗 <!DOCTYPE html> <html> <head> <title>

我需要一个按钮，显示我下面的日期时，我使用鼠标悬停在它和隐藏它时，我把鼠标悬停了。如下图所示：

您可以使用把它摆弄一下。您可能需要在按钮上声明两个侦听器，即“mouseenter”和“mouseleave”事件类型（addEventListener的第一个参数），并使用您选择的算法在侦听器函数中执行（addEventListener的第二个参数）

这就是你需要的吗

<!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>


在鼠标悬停时显示/隐藏日期

var show=function（）
{
document.getElementById（'demo'）.innerHTML=Date（）；
};
var hide=function（）
{
document.getElementById（'demo'）.style.display=“无”；
};

添加一点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>



$（文档）.ready（函数（）{
$（“输入”）.mouseover（函数（）{
$（“p”）.show（document.getElementById（“demo”）.innerHTML=Date（））；
});
$（“输入”）.mouseleave（函数（）{
$（“p”）.hide（）；
});
});

解释您的要求。。。附加快照不是提问的方式..可能是的副本，但这只能工作一次。我又把它悬停了，它不工作了。