div的onClick事件怎麼失效了?
阿新 • • 發佈:2019-01-29
雖然這個問題很簡單,但是一不留神就產生了。
由div做的按鈕,點兩邊是無效的,只有在點選內容的時候才有效。錯誤的程式碼1:
<div class="bottomPage" onClick="getPrize()">立即兌換</div>
錯誤的程式碼2:
<a onClick="javascript:getPrize();return false;" href="#"><div class="bottomPage">立即兌換</div></a>
正確程式碼:
<div class="bottomPage"><div class="smallDiv" onClick="getPrize()">立即兌換</div></div>
div .bottomPage {
height: 35px;
width: 90%;
margin: auto auto;
text-align: center;
background-color: #EC6C00;
color: #ffffff;
font-size: 20px;;
line-height: 35px;
font-weight: bolder;
border-radius: 2px;
}
div .smallDiv{
width:100%;
}
這個問題產生的原因就是,div的onClick事件是點選在內容上面的,如果你的內容撐滿div那麼就不會出現這個問題嘍!