JavaScript:在 div 元素上注册鼠标事件

标签 javascript

我第一次接触 JavaScript。 当我将其与图像一起使用时,我可以使鼠标悬停事件触发更改,但不能与仅包含文本的 div 一起使用。我究竟做错了什么 ?代码如下。

<html>
    <head>
      <script language="javascript" type="text/javascript">
        function addHeading(node, text) {
          var newNode=document.createElement("h1");
          var text=document.createTextNode(text);
          newNode.appendChild(text);
          node.appendChild(newNode);
        }
      </script>
    </head>

    <body>
      <div onmouseover="addHeading(document.body, "Header added")">
      Hola!
      </div>
    </body>
</html>

最佳答案

应该是(注意撇号):

<div onmouseover="addHeading(document.body, 'Header added')">

否则您会过早关闭属性值。话虽如此,它works for me .

关于JavaScript:在 div 元素上注册鼠标事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3633593/

相关文章:

javascript - 如何在新打开的窗口中设置文本框值?

javascript - 从 node.js 上传文件到 Dropbox

javascript - 如何精确 trim 视频

c# - 如何在 .net MVC3 中访问 javascript 函数中的 c# 变量值?

javascript - 如何将 HTML5 麦克风输入捕获到 icecast?

javascript - 在 HTML 页面刷新时强制页面滚动位置到顶部

javascript - PHP - DataTables 服务器端单独的列过滤仅提供第一页选择选项

javascript - 简单的按钮和 Javascript 函数

javascript - KnockoutJS 中 ViewModel 之间的通信

javascript - 如何在 Handlebars 模板的输入字段内使用 Ember.js 的操作助手传递参数?