javascript - 用JS创建带有onMouseOver效果的DIV

Question

我想通过 Javascript 创建一个 DIV 元素，但它应该有一个 onMouseOver 效果。

所以我知道标签在 HTML 中的样子:

<div onMouseOver="doSth()" onMouseOut="doSthElse()"> </div>

我知道如何创建我的 DIV:

var myDiv= document.createElement("div");
//style settings
document.body.appendChild(myDiv);

但是如何在 Javascript 代码中创建效果？

Answer 1

没有 jQuery，这就是你想要的:

var myDiv = document.createElement('div');

myDiv.onmouseout  = doSth;
myDiv.onmouseover = doSthElse;
// with doSth & doSthElse being functions you defined somewhere else already
// otherwise you can assign a function here:
// myDiv.onmouseout = function(){};

document.body.appendChild( myDiv );