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語句

回答

相關問題