このコードはonMouseOver
とonMouseOut
イベントでは正常に機能しますが、 では機能しませんonMouseDown
。HTML5 と JavaScript で書いたコードを次に示します。私が犯した間違いを教えてください。助けてください。前もって感謝します。
<!DOCTYPE html>
<html>
<head>
<title>Zero cross</title>
</head>
<body>
<script>
function changecolor(vals) {
document.getElementById(vals).style.color = "red";
document.getElementById(vals).innerHTML = "Click to select";
}
function changeagain(vals) {
document.getElementById(vals).style.color = "#000000";
if (vals == 'cross') {
document.getElementById(vals).innerHTML = "X";
} else {
document.getElementById(vals).innerHTML = "0";
}
}
function selection(vals) {
document.getElementById(vals).style.color = "yellow";
if (vals == 'cross') {
document.getElementById(vals).innerHTML = "X";
} else {
document.getElementById(vals).innerHTML = "0";
}
}
</script>
<div align="center">
<p id="cross" onmouseover="changecolor('cross');" onmouseout="changeagain('cross');" onmousedown="selection();">
X
</p>
<p id="zero" onmouseover="changecolor('zero');" onmouseout="changeagain('zero');" onmousedown="selection();">
0
</p>
</div>
</body>