解决layui中的form表单与button的点击事件冲突问题


Posted in Javascript onAugust 15, 2018

layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图:

解决layui中的form表单与button的点击事件冲突问题

蓝色底为form的位置,“重新搜索”为<button>标签的位置,此时,button标签的click事件无法响应。

必须将form的宽度减小,到不和button标签重合

如下图:

解决layui中的form表单与button的点击事件冲突问题

此时按钮正常响应click

以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Ext面向对象开发实践(续)
Nov 18 Javascript
js动态给table添加/删除tr的方法
Aug 02 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
微信小程序使用swiper组件实现层叠轮播图
Nov 04 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
JS写滑稽笑脸运动效果
May 28 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 #jQuery
layui 监听表格复选框选中值的方法
Aug 15 #Javascript
Node.js搭建WEB服务器的示例代码
Aug 15 #Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 #Javascript
vue升级之路之vue-router的使用教程
Aug 14 #Javascript
layui table 参数设置方法
Aug 14 #Javascript
layui 表格的属性的显示转换方法
Aug 14 #Javascript
You might like
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
十天学会php之第九天
2006/10/09 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
表单提交验证类
2006/07/14 Javascript
setInterval,setTimeout与jquery混用的问题
2013/04/08 Javascript
javascript组合使用构造函数模式和原型模式实例
2015/06/04 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
解决vue 更改计算属性后select选中值不更改的问题
2018/03/02 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
2021/02/05 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
python+selenium+autoit实现文件上传功能
2017/08/23 Python
python统计字母、空格、数字等字符个数的实例
2018/06/29 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
python中嵌套函数的实操步骤
2019/02/27 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
Python类的继承super相关原理解析
2020/10/22 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
八年级语文教学反思
2014/02/11 职场文书
平安校园建设方案
2014/05/02 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript