2013-06-02 53 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');"

相關問題