解决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保存、读取、换行、转Json报错处理方法
Jun 14 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
Javascript监视变量变化的方法
Jun 09 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
详解Angular路由之路由守卫
May 10 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 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
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
PHP中的随机性 你觉得自己幸运吗?
2016/01/22 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
js获取url参数代码实例分享(JS操作URL)
2013/12/13 Javascript
前端微信支付js代码
2016/07/25 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
Javascript 普通函数和构造函数的区别
2016/11/05 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
使用gulp搭建本地服务器并实现模拟ajax
2017/04/05 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
python3编码问题汇总
2016/09/06 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
Python实现注册、登录小程序功能
2018/09/21 Python
利用python开发app实战的方法
2019/07/09 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
WSDL的操作类型主要有几种
2013/07/19 面试题
商场消防演习方案
2014/02/12 职场文书
大型会议接待方案
2014/03/01 职场文书
合伙购房协议样本
2014/10/06 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
《山中访友》教学反思
2016/02/24 职场文书
高二英语教学反思
2016/03/03 职场文书