网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

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

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

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

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

如下图:

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

此时按钮正常响应click

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

上一篇:详解微信JS-SDK选择图片遇到的坑
下一篇:jQuery仿移动端支付宝键盘的实现代码