背景

最近換了臺MacBook，安裝了Chrome瀏覽器使用必應(Bing)搜索，發(fā)現(xiàn)了個在第三方輸入法下的現(xiàn)象（搜狗/百度輸入法）。

MacBook + Chrome + 必應搜索 + 第三方輸入法 + esc鍵 = 清空所有搜索框的輸入。

就是在第三方輸入法輸入時，按esc鍵后，整個必應搜索框輸入的內容都會被刪除清空，很影響使用體驗。

分析

通過打開控制臺檢查元素發(fā)現(xiàn)，是搜索框input標簽的屬性type="search"導致的，刪除這個屬性后，按esc鍵只是取消輸入法的備選輸入，而不是清空整個輸入框了，這個體驗很好。

解決方法

我們不能每次打開必應搜索都打開控制臺進行元素修改，應該使用程序腳本幫我們自動處理。這里我們選用油猴插件（Tampermonkey）。

• 進入Chrome插件商店搜索并安裝Tampermonkey。
  

• 安裝好后新增腳本

• 在新增腳本的輸入框輸入如下代碼，保存并啟用。

// ==UserScript== // @name 必應搜索Hook // @namespace http://tampermonkey.net/ // @version 1.0 // @description 修改必應搜索框的樣式，解決MacBook上使用第三方輸入法按esc后，搜索框內容全部刪除的問題 // @author John Doe // @match https://cn.bing.com/search* // @icon https://www.google.com/s2/favicons?sz=64&domain=bing.com // @grant none // ==/UserScript==(function() {'use strict';const input = document.getElementById("sb_form_q");input.hasAttribute("type") && input.removeAttribute("type"); })();

代碼中的@match是匹配的目標網(wǎng)址，需要注意一下自己本地實際對應的網(wǎng)址，腳本的具體邏輯在底部，獲取搜索框元素，刪除搜索框input標簽的type屬性。

啟用腳本后每次打開必應搜索，使用第三方輸入法按下esc鍵后，就不會清空整個搜索框的內容了。

總結

以上是生活随笔為你收集整理的MacBook Chrome上使用必应搜索按esc键清空输入的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。