javascript - 按钮上的 onmouseover 事件

标签 javascript html

我是 HTML 和 javascript 新手。我编写了下面的代码,当鼠标悬停在按钮上时执行 JavaScript 的 over() 但代码不起作用。

请建议对代码进行一些更改以使其运行。

<html>
<head>
    <script type="text/javascript">
        function over()
        {
            document.getElementById("b1").value="You have hovered mouse over me";
        }
    </script>
</head>
<body>
    <button onmouseover="over()" id="b1">Hover mouse over me</button>
</body>

最佳答案

您需要将文本替换为innerHTML 像这样

<html>
<head>
    <script type="text/javascript">
        function over()
        {
            document.getElementById("b1").innerHTML="You have hovered mouse over me";
        }
    </script>
</head>
<body>
    <button onmouseover="over()" id="b1">Hover mouse over me</button>
</body>

关于javascript - 按钮上的 onmouseover 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41206016/

相关文章:

javascript - 你如何解决这个node.js未定义属性的错误?

php - 如何在 laravel 4 中设置表单输入所需的属性

javascript - 让函数更改调用它的变量引用是错误的吗?

html - 如何使我的 CSS 类适合我的图像大小?

javascript - Node.js、Express、EJS - 导航中当前页面上的事件类

javascript - jQuery 表单验证 - 一次报告所有错误

javascript - 以代数方式转换 javascript

javascript - 如何删除工具提示中的数字

javascript - 将 JavaScript 倒计时转换为 jQuery 倒计时并添加间隔

javascript - 如何在每次加载时更改背景图像