我想知道是否可以将onmouseover + onmouseout添加到javascript中的if / else语句中,例如:
function pan() {
var ID = document.getElementById("grad");
var change = ID.style.backgroundSize = "1200px 500px";
var revert = ID.style.backgroundSize = "1080px 300px";
if (){
change.addEventListener("onmouseover");
}else {
revert.addEventListener("onmouseout");
}
}
我到处都看过,无法看到确定的是或否,除非它在Jquery中,而且我什至都没有看过Jquery,所以请不要在jquery中给出答案。
如果可能,您将如何做?
否则,还有什么选择?
可能,但是您的代码不正确,此处为更正后的代码:
function pan() {
var ID = document.getElementById("grad");
var change = ID.style.backgroundColor = "red";
var revert = ID.style.backgroundColor = "black";
if( true){
ID.addEventListener("mouseover", function(){alert("EVENT OVER")});
}else {
ID.addEventListener("mouseout", function(){alert("EVENT OUt")});
}
}
您可以将事件绑定到元素上。
这是addEventListener
功能https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener的一些文档
但我假设您会想执行以下操作(我使用backgroundColor,因此可以更好地看到示例):
var ID = document.getElementById("grad");
function change (event){
event.target.style.backgroundColor = "red";
}
function revert (event){
event.target.style.backgroundColor = "white";
}
ID.addEventListener("mouseover", change);
ID.addEventListener("mouseout", revert);
<div id="grad" style="border:1px solid black">sdfgsdfg</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句