一.介紹
當你要在手機軟鍵盤中觸發一些方法,就可以使用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標簽