国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前端 解決input框被禁用后無法添加點擊事件的bug 簡單易懂,快來圍觀

這篇具有很好參考價值的文章主要介紹了前端 解決input框被禁用后無法添加點擊事件的bug 簡單易懂,快來圍觀。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

在開發(fā)中,我們經(jīng)常會遇到需要禁用input框的情況,但是禁用后無法添加點擊事件的問題。這個問題可能會讓你感到十分困擾,但是不用擔心,本文將會為您介紹一種解決這個問題的方法。

解決方法很簡單,只需要在input框的父節(jié)點view中添加 style="pointer-events:none" 即可。具體實現(xiàn)如下:

<view class="nameBox" @click="selectPeo">
  <input type="text" disabled style="pointer-events:none" v-model="gengzu" placeholder="請選擇線索填報人" placeholder-class="fontColor" />
</view>

這樣做的原理是,將view的點擊事件覆蓋在了input框上,使得input框不再響應(yīng)點擊事件,但是view仍然可以響應(yīng)點擊事件,從而達到了我們想要的效果。

需要注意的是,這個方法只適用于禁用input框的情況,如果input框沒有被禁用,使用這個方法可能會導(dǎo)致input框無法響應(yīng)輸入事件。

最后,希望本篇文章能夠幫助到您解決這個問題。如果您還有其他疑問或者建議,歡迎在評論區(qū)留言。

感謝您的閱讀,期待大佬的三連支持,蟹蟹!。

作者 Emo_TT??

文章來源地址http://www.zghlxwxcb.cn/news/detail-687445.html

到了這里,關(guān)于前端 解決input框被禁用后無法添加點擊事件的bug 簡單易懂,快來圍觀的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 在input加了disabled屬性后,如何觸發(fā)點擊事件?

    input標簽 disabled屬性說明 被禁用的input標簽 既不可用,也不可進行點擊 解決方案 使用readonly屬性 來替換disabled屬性 外套一層父標簽,給父標簽添加點擊事件,并設(shè)置input的樣式為\\\"pointer-events:none\\\" 去掉鼠標事件,然后通過冒泡觸發(fā)到父標簽上的點擊事件。 冒泡事件 點擊子標簽

    2024年02月10日
    瀏覽(20)
  • Ubuntu添加PPA(Personal Package Archive)源時遇見N: 無法安全地用該源進行更新,所以默認禁用該源解決方法

    這個錯誤是因為你的系統(tǒng)無法確認你添加的 PPA 的安全性。默認情況下,系統(tǒng)會禁用尚未經(jīng)過驗證的源。要解決這個問題,通常有兩種方法。 一種方法是找一個已經(jīng)被 Ubuntu 系統(tǒng)認可的 PPA。這是最安全的方法,但并不是所有的 PPA 都有被認可的版本。 另一種方法是強制系統(tǒng)接

    2024年02月04日
    瀏覽(22)
  • 微信小程序web-view上覆蓋原生組件,解決cover-view點擊事件無法觸發(fā)問題

    微信小程序web-view上覆蓋原生組件,解決cover-view點擊事件無法觸發(fā)問題

    結(jié)合了以下文章,都沒有找到辦法 https://blog.csdn.net/WEIGUO19951107/article/details/94305964 https://blog.csdn.net/weixin_39461487/article/details/80075140 https://developers.weixin.qq.com/community/develop/doc/cbd33199b42aec724e54419ebe6371d7 圖片顯示是這個文章給我了參考,并且成功 https://blog.csdn.net/one_girl/article/deta

    2024年02月11日
    瀏覽(26)
  • 如何給 el-input 添加鍵盤回車事件

    如何給 el-input 添加鍵盤回車事件

    查找 Element UI 的 input輸入框組件(el-input組件),都沒有發(fā)現(xiàn)可以給輸入框添加的回車鍵監(jiān)聽事件,因為Element UI對其做了進一步封裝,想要直接添加 @keydown(或者@keyup.enter)是無效的。 要想在el-input中實現(xiàn)回車鍵監(jiān)聽事件,需要在@keyup.enter后面加上.native,即 那么 .native 是如

    2024年02月16日
    瀏覽(25)
  • echarts的tooltip添加點擊事件

    echarts的tooltip添加點擊事件

    效果如下 ?代碼如下 ?代碼如下

    2024年02月16日
    瀏覽(28)
  • echarts實現(xiàn)漸變折線圖并添加點擊事件

    echarts實現(xiàn)漸變折線圖并添加點擊事件

    ? ? ?折線圖點擊事件代碼: ?完整代碼如下:

    2024年02月16日
    瀏覽(27)
  • element ui table某個單元格添加點擊事件

    element ui table某個單元格添加點擊事件

    1.創(chuàng)建表格 el-table ref=\\\"multipleTable\\\" :data=\\\"tableData\\\" border el-table-column fixed type=\\\"selection\\\" align=\\\"center\\\"/el-table-column div v-for=\\\"(item,index) in columns\\\" :key=\\\"index\\\" el-table-column :prop=\\\"item.prop\\\" :label=\\\"item.label\\\" :formatter=\\\"item.formatter\\\" align=\\\"center\\\" show-overflow-tooltip /el-table-column /div /el-table 2.創(chuàng)建表頭+事件?

    2024年02月17日
    瀏覽(26)
  • Unity3D-場景中3D物體添加點擊事件

    Unity3D-場景中3D物體添加點擊事件

    Unity3D - 場景中3D物體添加鼠標點擊事件 鼠標點擊3D物體觸發(fā),Unity從本質(zhì)上來說有兩種:一種是通過事件(event)觸發(fā),一種是通過射線(ray)判斷穿過的物體觸發(fā)。這兩種觸發(fā)的原理是不同的,不論哪種觸發(fā)都必須滿足觸發(fā)的要求才可以,既然原理不同,觸發(fā)的要求也不一樣

    2024年02月08日
    瀏覽(101)
  • Unity 編輯器-創(chuàng)建模板腳本,并自動綁定屬性,添加點擊事件

    Unity 編輯器-創(chuàng)建模板腳本,并自動綁定屬性,添加點擊事件

    當使用框架開發(fā)時,Prefab掛載的很多腳本都有固定的格式。從Unity的基礎(chǔ)模板創(chuàng)建cs文件,再修改到應(yīng)有的模板,會浪費一些時間。尤其是有大量的不同界面時,每個都改一遍,浪費時間不說,還有可能遺漏或錯改。寫個腳本創(chuàng)建指定的模板代替C#基礎(chǔ)模板。 注:當前腳本使用

    2024年02月13日
    瀏覽(86)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包