解决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中实现简单的tabs插件功能的代码
Mar 02 Javascript
选择器中含有空格在使用示例及注意事项
Jul 31 Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 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运行时强制显示出错信息的代码
2011/04/20 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
Yii实现简单分页的方法
2016/04/29 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
Javascript 学习笔记 错误处理
2009/07/30 Javascript
javascript 页面划词搜索JS
2009/09/28 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
2016/07/01 Javascript
jQuery图片轮播实现并封装(一)
2016/12/03 Javascript
JavaScript和JQuery获取DIV值的方法示例
2017/03/07 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
python 爬取小说并下载的示例
2020/12/07 Python
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
院药学专业个人求职信
2013/09/21 职场文书
爱我中华演讲稿
2014/05/20 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
先进班集体申报材料
2014/12/26 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers