小程式填坑——bindconfirm事件

来源:https://www.cnblogs.com/haizhongdenta/archive/2019/12/11/12022036.html
-Advertisement-
Play Games

一.介紹 當你要在手機軟鍵盤中觸發一些方法,就可以使用input標簽的bindconfirm事件.這個事件的作用是當你在軟鍵盤上點擊確認的時候,將觸發你指定的方法. 還可以使用confirm-type指定軟鍵盤上確認按鈕的名稱.比如你用這個來做搜索框,那麼你就可以指定為confirm-type=“s ...


一.介紹

  當你要在手機軟鍵盤中觸發一些方法,就可以使用input標簽的bindconfirm事件.這個事件的作用是當你在軟鍵盤上點擊確認的時候,將觸發你指定的方法.

  還可以使用confirm-type指定軟鍵盤上確認按鈕的名稱.比如你用這個來做搜索框,那麼你就可以指定為confirm-type=“search”.具體代碼為

  <input type="text"  placeholder="搜索" value="{{search_value}}"  bindinput="inputTyping" bindconfirm="onSearch" confirm-type="search"/>

  但是我在做文章內部搜索的時候,需要為內容增加高亮標簽,然後調用onLoad重覆渲染.

  但是做完後發現,在內部搜索點擊確認之後,只閃爍一下高亮內容,就沒了.

  我debug發現.當點擊搜索之後,居然渲染了兩邊.也就是調用了兩次onLoad方法.而第二次沒有添加高亮標簽,也就沒有高亮內容了.

 

二.解決辦法

  經過求證,這是一個一直沒有解決的遺留bug.看開發者平臺上,去年就有人提出這個問題了.

  原來在調用bindconfirm事件時,不用把它包裹在一些特殊的標簽中.

  比如我就在頁面上做了一個浮動的搜索框,使用的是movable-area標簽

  

 

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 案例1:點擊按鈕搖起來 思路: 1. 2張圖片,放進div裡面,搖起來的本質是,此div按上下左右的位置和在一定的時間內發生移動 2. 所以用隨機數的概念來實現位置的移動,用setInterval來實現一定的時間區間,前者封裝在後者的處理 函數裡面。最後全部作為點擊按鈕的點擊事件的處理函數 <!DO ...
  • 你愛好的運動是什麼?全選/全不選 足球 籃球 羽毛球 乒乓球 ...
  • 定時器 參數1:函數 參數2:時間 毫秒 1000毫秒--1秒 執行過程: 頁面載入完畢後, 過了1秒, 執行一次函數的代碼, 又過了1秒再執行函數..... 返回值就是定時器的id值 var timeId = setInterval(function () { alert("hello"); }, ...
  • 第二章 需提前瞭解的術語和概念 1. 務必瞭解的CSS世界的專業術語如 1. 屬性: 如上 height , color 2. 值 1. 整數值:z index:1 中的1,屬於,也是 2. 數值: line height:1.5 中的1.5,屬於 3. 百分比值:padding:50%中的50%。 ...
  • 基本使用 寫在Script 標簽里 引入外部js文件:\ console.log(" ") 方法用於在控制台輸出信息 註意事項 嚴格區大小寫 每一行完整語句後面加分號 變數名不能使用關鍵字和保留字 代碼要縮進,保持可讀性 修改元素內容 獲取元素 通過id獲取元素:document.getElemen ...
  • 原生JS DOM的內置屬性 outerHTML 可用來獲取當前節點的html代碼(包含當前節點),且此屬性可使用jQuery的prop()獲取 <div id="demo-test-01"><p>Hello World !!!</p></div> <script> $(function () { l ...
  • 一.插槽是個什麼玩意,能吃嗎 在vue中【插槽】,從字面意思來看,插槽意味著【內容的增加】,回到vue的使用場景,插槽就是【父組件調用子組件時,額外增加的內容】。 插槽顯不顯示、顯示的內容是由父組件來控制的,而插槽在哪裡顯示由子組件來決定 二.插槽怎麼用,好用嗎 1.預設插槽 父組件 1 <temp ...
  • BOM JavaScript分三個部分: 1. ECMAScript標準 基本語法 2. DOM >Document Object Model 文檔對象模型,操作頁面元素的 3. BOM >Browser Object Model 瀏覽器對象模型, 操作瀏覽器的 瀏覽器中有個 頂級對象 :windo ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...