解决layui中的form表单与button的点击事件冲突问题

 更新时间:2018年08月15日 09:00:37   作者:sinat_35655786  
今天小编就为大家分享一篇解决layui中的form表单与button的点击事件冲突问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图:

蓝色底为form的位置,“重新搜索”为<button>标签的位置,此时,button标签的click事件无法响应。

必须将form的宽度减小,到不和button标签重合

如下图:

此时按钮正常响应click

以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 关于JS中的全等和不全等、等于和不等于问题

    关于JS中的全等和不全等、等于和不等于问题

    等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。接下来通过本文给大家介绍JS中的全等和不全等、等于和不等于,一起看看吧
    2021-09-09
  • 小程序:授权、登录、session_key、unionId的详解

    小程序:授权、登录、session_key、unionId的详解

    这篇文章主要介绍了小程序:授权、登录、session_key、unionId的详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript使用Ajax上传文件的示例代码

    JavaScript使用Ajax上传文件的示例代码

    本篇文章主要介绍了JavaScript使用Ajax上传文件的示例代码,详细的介绍了两种上传方式,感兴趣的小伙伴可以了解一下
    2017-08-08
  • JavaScript在控件上添加倒计时功能的实现代码

    JavaScript在控件上添加倒计时功能的实现代码

    JavaScript在控件上添加倒计时功能,主要原理是利用控件的setEnable(true)/setEnable(false)来进行设置控件的可用与不可用状态,实现过程非常简单,需要的的朋友参考下吧
    2017-07-07
  • JavaScript中执行上下文和执行栈

    JavaScript中执行上下文和执行栈

    这篇文章主要介绍了JavaScript中执行上下文和执行栈,执行上下文是评估和执行JavaScript代码的环境的抽象概念,更多相关介绍,感兴趣的朋友可以参考一下
    2022-09-09
  • uniapp页面跳转的五种方式总结

    uniapp页面跳转的五种方式总结

    这篇文章主要给大家介绍了关于uniapp页面跳转的五种方式,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-03-03
  • DIV+CSS+JS 变灰弹出层

    DIV+CSS+JS 变灰弹出层

    javascript 弹出层效果代码。需要的朋友可以测试下。
    2009-10-10
  • onbeforeunload与onunload事件异同点总结

    onbeforeunload与onunload事件异同点总结

    本文对onbeforeunload与onunload事件的异同点、触发于、可以用在哪些元素以及解决刷新页面时不调用onbeforeunload等等,感兴趣的朋友可以参考下哈
    2013-06-06
  • javascript拖拽效果延伸学习

    javascript拖拽效果延伸学习

    这篇文章主要介绍了javascript拖拽效果延伸的学习,关于拖拽延伸出来的一些效果,感兴趣的朋友可以参考一下
    2016-04-04
  • js防刷新的倒计时代码 js倒计时代码

    js防刷新的倒计时代码 js倒计时代码

    这篇文章主要为大家详细介绍了js防刷新的倒计时代码,js倒计时的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09

最新评论