解决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 相关文章推荐
js版本A*寻路算法
Dec 22 Javascript
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
javascript实现图片轮播效果
Jan 20 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
如何在Vue.JS中使用图标组件
Aug 04 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 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
php下获取Discuz论坛登录用户名、用户组、用户ID等信息的实现代码
2010/12/29 PHP
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
Jquery 绑定时间实现代码
2011/05/03 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
基于zepto的移动端轻量级日期插件--date_picker
2016/03/04 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
JavaScript闭包原理与用法学习笔记
2020/05/29 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
python使用三角迭代计算圆周率PI的方法
2015/03/20 Python
Python 多线程的实例详解
2017/09/07 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python使用turtle绘制国际象棋棋盘
2019/05/23 Python
python中resample函数实现重采样和降采样代码
2020/02/25 Python
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
六一儿童节活动策划方案
2014/01/27 职场文书
大学学习计划书范文
2014/05/02 职场文书
行政求职信
2014/07/04 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
道士塔读书笔记
2015/06/30 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书