2013-06-02 9 views
0

이 코드는 onMouseOveronMouseOut 이벤트에서 제대로 작동하지만 onMouseDown에서는 작동하지 않습니다. HTML5 및 JavaScript에서 작성한 코드는 다음과 같습니다. 제가 실수 한 것을 알려주십시오. 도와주세요. 미리 감사드립니다. onmouseover와 onmousedown을 함께 사용할 수있는 방법이 있습니까?

<!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> 

답변

4

당신은 아이디를 보내 깜빡

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

확인 onmousedown="selection('zero');"onmousedown="selection('cross');"

관련 문제