Javascript和CSS if语句

我对编程非常陌生，我试图创建一个代码，只会在没有按下ctrl键时才会出现图像。Javascript和CSS if语句

<script language=JavaScript> 

document.onkeydown = checkKey; 
var Showimg = False; 

function checkKey(e) { 

    e = e || window.event; 

    if (e.keyCode == '17') { 
     alert('test'); 
     Showimg = True; 
    } 
} 
</script>

这是目前得到的代码。我在下面的另一个部门的代码，其中有代码的图像英寸

我很新的CSS和JavaScript，基本上大多数编码一般，所以即时通讯不知道如果它可能得到一个图像没有如果按下ctrl键，则会显示更长的时间，因为“if”语句似乎不在脚本之外工作，但图像代码不会在脚本内工作。

这可能不够详细，对不起。

来源

2016-01-06 CiElBie

变化'FALSE'和TRUE;以'假“和”真“。 –

在这一部分加上引号：'language =“javascript”>'。 –

你想要'ctrl'键是除了它吗？如果您只想按住按键的按键，则可以检查“KeyboardEvent”上的'ctrlKey'属性。 https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/ctrlKey开始的好地方。 – Antiga

因此，您将事件部分向下确定何时按下ctrl键。现在你需要什么（除了别人指出的一些语法问题之外）就是使用javascript来隐藏图像。首先，您需要一种方法来识别它，例如，您可以添加一个img（或其他）的ID。

<img id="img">

然后，您可以使用js来定位此目标并更改if语句内的显示属性。

document.getElementById('img').style.display = 'none';

此代码将a）找到图像，并b）更改显示不显示。

来源

2016-01-06 18:18:47 aw04

如果页面有相对布局，'element.style.display =“none”'可能会导致其他元素的位置发生变化。在这种情况下，最好使用'element.style.visibility =“hidden”'。 – remdevtec

@remdevtec取决于你对'未显示'的解释:)尽管公平点 – aw04

function checkKey(e) { 
    e = e || window.event; 
    console.log(e); 
    if (e.keyCode === 17) { 
     document.getElementById('image').style.display = 'none'; 
    } 
} 
function show() { 
    document.getElementById('image').style.display = 'block'; 
}

使身体像这样

<body onkeydown="checkKey()" onkeyup="show()">

和图像，你可以把它像这样

<img src="test.jpg" id="image">

来源

2016-01-06 18:35:53

Javascript和CSS if语句

回答

相关问题