将事件监听器添加到if语句

瑞奇

我想知道是否可以将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中给出答案。

如果可能,您将如何做?

否则,还有什么选择?

Winner_Joiner

可能,但是您的代码不正确,此处为更正后的代码:

     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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

动态将事件监听器添加到dom

冻结添加到事件监听器函数的变量

Javascript,将事件监听器添加到所有按钮

将事件监听器的on('change')添加到Google Maps信息窗口

有什么方法可以将事件监听器添加到类中吗?

将JS事件监听器添加到Chrome扩展弹出窗口

无法将事件监听器添加到API中的元素

将事件监听器添加到表单中的提交按钮

将事件监听器添加到具有相同类名但ID不同的div会覆盖以前的事件监听器

通过WebExtension将事件监听器添加到所有嵌入式YouTube视频中

在实现弱监听器时,将监听器添加到哪种源类型?(Java)

如何将监听器添加到分频器位置?

添加事件监听器

如何鼠标监听器添加到JOptionPane的按钮?

卡住了将列表选择监听器添加到程序中

将监听器添加到Diff Clamp,React Native

将监听器添加到Chrome“自定义标签”“关闭”按钮

React SSR:事件监听器和渲染未添加到服务器渲染的代码中吗?

如何在Chrome扩展程序的内容脚本中将事件监听器添加到Google表格链接?

一次选中所有事件监听器后,将其添加到复选框

将一个监听器添加到Promise之后,我应该使用原始的Promise还是新的Promise?

使用jQuery添加事件监听器

追加和添加事件监听器

Clojurescript添加事件监听器

动态添加事件监听器

在WordPress中添加事件监听器

在面板上添加事件监听器

如何自动添加事件监听器?

向图像添加事件监听器