虽然这个问题很简单,但是一不留神就产生了。
由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那么就不会出现这个问题喽!