Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法同时使用onmouseover和onmouseown?_Javascript_Html_Events - Fatal编程技术网

Javascript 有没有办法同时使用onmouseover和onmouseown?

Javascript 有没有办法同时使用onmouseover和onmouseown?,javascript,html,events,Javascript,Html,Events,此代码适用于onMouseOver和onMouseOut事件,但不适用于onMouseDown。 下面是我用HTML5和JavaScript编写的代码。让我知道我犯的错误。请帮忙。 提前谢谢 <!DOCTYPE html> <html> <head> <title>Zero cross</title> </head> <body> <script> functi

此代码适用于
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>

零交叉
函数更改颜色(VAL){
document.getElementById(VAL.style.color=“红色”;
document.getElementById(VAL).innerHTML=“单击以选择”;
}
再次更改功能(VAL){
document.getElementById(VAL).style.color=“#000000”;
如果(VAL==‘交叉’){
document.getElementById(vals.innerHTML=“X”;
}否则{
document.getElementById(vals.innerHTML=“0”;
}
}
功能选择(VAL){
document.getElementById(VAL.style.color=“黄色”;
如果(VAL==‘交叉’){
document.getElementById(vals.innerHTML=“X”;
}否则{
document.getElementById(vals.innerHTML=“0”;
}
}

X

0


您忘记发送Id了

<p id="cross" onmouseover="changecolor('cross');" onmouseout="changeagain('cross');" onmousedown="selection('cross');">
            X
        </p>
        <p id="zero" onmouseover="changecolor('zero');" onmouseout="changeagain('zero');" onmousedown="selection('zero');">
            0
        </p>

X

0


选中
onmousedown=“selection('zero');”
onmousedown=“selection('cross');”

您忘记发送Id了

<p id="cross" onmouseover="changecolor('cross');" onmouseout="changeagain('cross');" onmousedown="selection('cross');">
            X
        </p>
        <p id="zero" onmouseover="changecolor('zero');" onmouseout="changeagain('zero');" onmousedown="selection('zero');">
            0
        </p>

X

0

选中
onmousedown=“selection('zero');”
onmousedown=“selection('cross');”