解決layui中的form表單與button的點擊事件沖突問題
更新時間：2018年08月15日 09:00:37 作者：sinat_35655786
今天小編就為大家分享一篇解決layui中的form表單與button的點擊事件沖突問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layui的form表單位置和button標(biāo)簽的位置重合，會使得button的click事件得不到響應(yīng)，如圖：
藍色底為form的位置，“重新搜索”為<button>標(biāo)簽的位置，此時，button標(biāo)簽的click事件無法響應(yīng)。
必須將form的寬度減小，到不和button標(biāo)簽重合
如下圖：
此時按鈕正常響應(yīng)click
以上這篇解決layui中的form表單與button的點擊事件沖突問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
今天小編就為大家分享一篇淺談layui里的上傳控件問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了bootstrap模態(tài)框示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要是對javascript中文本框中輸入法切換的問題進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
當(dāng)一個元素上的事件被觸發(fā)的時候，比如說鼠標(biāo)點擊了一個按鈕，同樣的事件將會在那個元素的所有祖先元素中被觸發(fā)2013-01-01
函數(shù)是一塊js代碼塊,被定義一次但可以執(zhí)行和調(diào)用多次,js中的函數(shù)也是對象可以像其他對象那樣操作和執(zhí)行,js函數(shù)也被稱為函數(shù)對象,本文給大家介紹JS函數(shù)的返回值如何使用,感興趣的朋友跟隨小編一起看看吧2024-02-02
關(guān)于預(yù)加載InstantClick的問題解決方法
本篇文章主要介紹了關(guān)于預(yù)加載InstantClick的問題解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Javascript 異步加載詳解(瀏覽器在javascript的加載方式)
本文總結(jié)一下瀏覽器在 javascript 的加載方式,需要的朋友可以參考下2012-05-05
javascript通過navigator.userAgent識別各種瀏覽器
識別各種瀏覽器的實現(xiàn)原理是根據(jù)navigator.userAgent返回值識別，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
JavaScript創(chuàng)建對象的常用方式總結(jié)
這篇文章主要介紹了JavaScript創(chuàng)建對象的常用方式,結(jié)合實例形式總結(jié)分析了javascript面向?qū)ο蟪绦蛟O(shè)計中對象創(chuàng)建的常見方式、相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-08-08
JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法
這篇文章主要介紹了JS一維數(shù)組轉(zhuǎn)多維數(shù)組樹的方法,文章通過代碼示例給大家講解的非常詳細,?對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-06-06