前端移動端監聽鍵盤上的 開始/搜索 按鍵,並觸發函數

示例圖:

 

 

 

 

 

一. 針對vue!!  vue中，要在手機端點擊手機鍵盤的【完成】或【搜索】按鈕觸發文本框搜索，關鍵點有兩個：

1.form表單，action屬性設置
2.@keyup.13 事件 或者 直接keyup 然后事件的處理函數里判斷 event.keyCode === 13
必須在input標簽外面套上form表單，並設置 action="javascript:void 0"，action屬性很關鍵，不能省略。

再就是 @keyup.13 事件， 這是用來綁定enter鍵的事件。在電腦上是enter鍵，在手機鍵盤上就是右下角的完成 / 搜索按鈕了。

<template>
    <div>
       <form action="javascript:void 0">
          <input type="search" v-model="sky" @keyup.13="tapToSearch" @input="handleClick" >
       </form>
    </div>
</template>

//js

handleClick(){//要做的事}

參考鏈接：https://blog.csdn.net/u011019468/article/details/91892447

　　　　　http://www.luyixian.cn/javascript_show_164525.aspx

 

二. 針對 js /  jq

<input type="search" class="searchaa" placeholder="請輸入搜索">


// js如下：
    $(".searchaa").keypress(function(e){
        var key = $.trim($(this).val());
        if(e.keyCode === 13) {
            //  搜索工作
            that.search(key);
        }
    })

 

參考鏈接: https://blog.csdn.net/xialong_927/article/details/92628634

　　　　  https://www.cnblogs.com/liwids-blog/p/11730100.html

　　　　　　http://www.luyixian.cn/javascript_show_164525.aspx