解决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 相关文章推荐
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
JS获取IMG图片高宽的简单实例
May 17 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
Dec 29 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
JS实现键值对遍历json数组功能示例
May 30 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 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
E路文章系统PHP
2006/12/11 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
php中in_array函数用法探究
2014/11/25 PHP
PHP与Web页面的交互示例详解一
2020/08/04 PHP
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python简单读取大文件的方法
2016/07/01 Python
对python中执行DOS命令的3种方法总结
2018/05/12 Python
pandas中去除指定字符的实例
2018/05/18 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
python 19个值得学习的编程技巧
2020/08/15 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
python读取图片颜色值并生成excel像素画的方法实例
2021/02/19 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
医药代表个人的求职信分享
2013/12/08 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
明星邀请函
2015/02/02 职场文书
质量承诺书格式范文
2015/04/28 职场文书
社区安全温馨提示语
2015/07/14 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
Django 如何实现文件上传下载
2021/04/08 Python