解决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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
Prototype Array对象 学习
Jul 19 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
Nov 12 Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
微信小程序商品详情页底部弹出框
Nov 22 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
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
php删除左端与右端空格的方法
2014/11/29 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
jQuery 事件队列调整方法
2009/09/18 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
2018/10/29 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
Python操作Word批量生成文章的方法
2015/07/28 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
岗位职责的构建方法
2014/02/01 职场文书
企业宣传方案
2014/03/04 职场文书
班级寄语大全
2014/04/10 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
见习报告怎么写
2014/10/31 职场文书
2014年财政局工作总结
2014/12/09 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
学习心得体会
2019/06/20 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP