博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
label标签的显示和隐式关联问题
阅读量:6241 次
发布时间:2019-06-22

本文共 1214 字,大约阅读时间需要 4 分钟。

按钮的html

问题:项目中出现的问题,学校前边有一个按钮是使用label包裹了button,给button添加了点击事件,每次点击的时候label总是会触发button的点击事件?

答案: 这个主要是label的绑定元素的问题,包裹元素即绑定了某个元素,那么给这个元素设置事件的时候等同于label也会会有事件了,这样点击button会触发事件,点击label也会触发事件。

想要的结果:这里的样式就是需要这样的,不可以改变。但是点击button触发事件,点击label不触发事件。

解决办法:这里主要是用到了layui的样式,所以只需要把label改成其他的标签就可以了,他的class保留,这样样式就保留下来了。

#(i18n.get('学校'))

这样就可以实现了。

这里介绍了官方的示例:

w3c示例

显式绑定 

提示和注释

注释:可以通过使用 "for" 属性将 label 绑定到另一个元素,或者直接在 label 元素内部放置元素。

使用for为lable关联指定的元素上,这样点击label的时候就等于是点击了绑定的元素。

这种使用for标签的方式是显示的方式

隐式的方式是把需要绑定的标签放到label内部,让label包裹上这个需要绑定的元素

隐式绑定 

这样不使用for就可以绑定。

 

转载于:https://www.cnblogs.com/renjianjun/p/9155147.html

你可能感兴趣的文章
python 抓取alexa数据
查看>>
UART、SPI和I2C详解
查看>>
兼容N多浏览器的CSS阴影效果
查看>>
Multiple arguments in Django template filters
查看>>
ARM11-Linux2.6-Button-Driver-Base-info
查看>>
抽屉Panel的研究
查看>>
In-App Purchase
查看>>
深圳it公司
查看>>
glog 使用中存在的问题
查看>>
WCF, the Service attribute value in the ServiceHost directive could not be found.
查看>>
Scriptcase价格调整(五折销售)
查看>>
【转】 编写C#调用的C++DLL
查看>>
Programming Concepts
查看>>
【Linux】用grep在文档中查找内容
查看>>
音视频编码格式和封装格式的关系和区别是什么?
查看>>
ORACLE 表空间使用率查询
查看>>
cadence制作封装要素
查看>>
Web实时通信
查看>>
dump java
查看>>
VTK中获取STL模型点的坐标以及对其进行变换
查看>>