解决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 相关文章推荐
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
js变换显示图片的实例
Apr 16 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
AngularJS的Filter的示例详解
Mar 07 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
javascript中UMD规范的代码推演
Aug 29 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
Jun 09 Javascript
微信小程序设置滚动条过程详解
Jul 25 Javascript
jquery传参及获取方式(两种方式)
Feb 13 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 APC的安装与使用详解
2013/06/13 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
2013/09/16 Javascript
javascript loadScript异步加载脚本示例讲解
2013/11/14 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
javascript数组去重方法终极总结
2014/06/05 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
Python使用type关键字创建类步骤详解
2019/07/23 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
材料化学应届生求职信
2013/10/09 职场文书
旷课检讨书3000字
2014/02/04 职场文书
体育运动会广播稿
2014/10/05 职场文书
法人身份证明书
2014/10/08 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers