解决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 中介者模式实例
Dec 16 Javascript
js实现兼容IE6与IE7的DIV高度
May 13 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
JS 数字转换研究总结
Dec 26 Javascript
详解javascript数组去重问题
Nov 06 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
从零开始封装自己的自定义Vue组件
Oct 09 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 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实现函数内修改外部变量值的方法示例
2018/12/28 PHP
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
JS运动基础框架实例分析
2015/03/03 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
2018/01/09 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
在antd4.0中Form使用initialValue操作
2020/11/02 Javascript
详解Python中的正则表达式的用法
2015/04/09 Python
Python中%r和%s的详解及区别
2017/03/16 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
详解HTML5新增标签
2017/11/27 HTML / CSS
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
采用怎样的方法保证数据的完整性
2013/12/02 面试题
保密协议书范本
2014/04/22 职场文书
秋天的图画教学反思
2014/05/01 职场文书
2014年药店工作总结
2014/11/20 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
毕业生个人总结
2015/02/28 职场文书
员工手册编写范本
2015/05/14 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
详解Python自动化之文件自动化处理
2021/06/21 Python