0

HTMLでインラインになっているonclick、onmouseover、およびonmouseout属性を、javascriptのexternに置き換えたいと思います。

html:

<div onclick:"myfunctiononclick()"></div>
<div onmouseover:"myfunctionmouseover()"></div>
<div onmouseout:"myfunctionmouseout()"></div>

JavaScript:

function myfunctiononclick(){something};
function myfunctiononmouseover(){something};
function myfunctiononmouseout(){something};

なぜ私はこれをしたいのですか？クロムは拡張機能でインライン JavaScript を許可していないためです。

ありがとう

ところで、jQuery を使用しないでください。何が起こっているかはわかっています。

4

1 に答える 1

0

何らかの方法で要素への参照を取得してから、次のようにしますaddEventListener。

document.addEventListener("DOMContentLoaded", function() {
    //This code is ran when the DOM content has been loaded
    //I.E. the elements we are trying to get exist on the page
    var divs = document.querySelectorAll("div");
    divs[0].addEventListener("click", myfunctiononclick, false);
    divs[1].addEventListener("mouseover", myfunctiononmouseover, false);
    divs[2].addEventListener("mouseout", myfunctiononmouseout, false);
}, false);
于 2012-07-24T18:20:14.820 に答える