解决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 相关文章推荐
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
Bootstrap和Java分页实例第一篇
Dec 23 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
js实现动态时钟
Mar 12 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 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(视频)Http下载
2006/12/12 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
理解JavaScript中的对象 推荐
2011/01/09 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
JavaScript 基本概念
2015/01/20 Javascript
javascript Slip.js实现整屏滑动的手机网页
2015/11/25 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
Python全局变量操作详解
2015/04/14 Python
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
Python实现ping指定IP的示例
2018/06/04 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
教师年终个人自我评价
2013/10/04 职场文书
商务英语专业自荐信
2013/10/14 职场文书
高中自我评价分享
2013/12/05 职场文书
好的演讲稿开场白
2013/12/30 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
python井字棋游戏实现人机对战
2022/04/28 Python