虽然这个问题很简单,但是一不留神就产生了。
由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那么就不会出现这个问题喽!
相关推荐
博文链接:https://qsfwy.iteye.com/blog/219184
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
NULL 博文链接:https://axl234.iteye.com/blog/2063619
dreamweaver 怎么在网页中使用div展示图片效果?想给网站中插入一些图片,怎么使用div展示图片呢?下面我们就来看看详细的设置方法,需要的朋友可以参考下
鼠标滑动到容器上时,div跟随;鼠标滑动到容器上时,div跟随;鼠标滑动到容器上时,div跟随;鼠标滑动到容器上时,div跟随;
下面小编就为大家带来一篇js动态添加的DIV中的onclick事件简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
NULL 博文链接:https://fengshayage.iteye.com/blog/868360
用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div
一百多个采用css+div技术设计的静态网页设计实例
Dreamweaver如何给div添加css样式?Dreamweaver中想要给div添加样式,该怎么添加css样式呢?下面我们就来看看详细的教程,需要的朋友可以参考下
Dreamweaver怎么设置div的背景颜色?dw cs6中想要设置div标签的背景颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
多个div能不换行吗?能否自动把父容器撑开?请下载直接运行即可。可直接与我联系,我一直在csdn。
本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...
可移动的DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV...
在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现better-scroll的配置中没有设置click:true,设置过之后...
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
divcss布局大全 疯狂代码.zip请下载好了之后将.zip后缀驹改为mht即可打开 2008年9月26日divcss布局入门实例目录:DIV+CSS布局入门示例(目录) 本示例通过五个步骤的介绍,基本形成了如下效果的页面。我们可以详细的...
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示