1. 程式人生 > >div的onClick事件怎麼失效了?

div的onClick事件怎麼失效了?

雖然這個問題很簡單,但是一不留神就產生了。

由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那麼就不會出現這個問題嘍!