h5鍵盤輸入按鈕顯示“搜索”,點擊執行搜索事件


首先想到的就是Input中type屬性設置為search,然后發現並沒有用,后來看到資料說要在外層加一層form,加了之后文字確實顯示為“搜索”了,可是點擊沒有執行事件,其實這里的搜索執行的是鍵盤的回車事件,因為我是用vue寫的,本身框架就有對這個事件的修飾符,於是直接附代碼

 

<form action="" v-on:submit.prevent>
     <input type="search" v-on:keyup.enter="search()" v-model="search_txt" placeholder="請輸入內容" />
</form>

 

需要注意的是,form要阻止默認的提交事件。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM