javascript - 按下 Tab 时替换输入文本(Chrome 扩展)

Question

所以基本上我想做的是确定输入栏中是否输入了“y”，然后按下 Tab 键时将 y 替换为“youtube”。

Javascript

var input = document.getElementById('searchbar').value;
var words = input.split(" ");

$("#searchbar").keydown(function(e) {
if(e.keyCode == 9) {
    e.preventDefault();
    if(input == 'y') {
        $('#searchbar').text('youtube');
    }
}
});

目前我没有收到任何错误消息，它只是不起作用。 Tab 键还将焦点从输入栏移开。

Answer 1

原因如下

1. 您应该在 keydown 上获取值，而不是在页面加载时获取值，因为加载页面时值是空的。
2. 当您使用 jquery 时，使用 jquery Facade/selector 获取输入的当前值
3. 最后更新的是输入框值而不是文本

试试这个

    $("#searchbar").keydown(function(e) {
      var input = $('#searchbar').val();
      var words = input.split(" ");

     if(e.keyCode == 9) {
      if(input == 'y') {
        $('#searchbar').val('youtube');
      }
      e.preventDefault();
    }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Enter Search Term
<input type="text" id="searchbar">