javascript - 有人可以解释 jquery .select() 方法吗？

Question

我查看了文档，但在查找有关此方法的信息时遇到了麻烦，我认为它处理在文本输入或文本区域中添加或更改文本的事件。但是，无法让它工作。我希望有人可以进一步向我解释这个事件处理程序。

<input id="first" type="text">// if something is typed here an event should be triggered
      //at least if my understanding is correct which it clearly isnt
<input id="second" type="text">//hello should appear here when the event is triggered

<script>
       $("#first").select(function(){$("#second").val("hello")})//this does nothing
</script>

Answer 1

基于official documentation of jquery for .select() ，这是它的作用的定义和演示的示例。

官方说明

Bind an event handler to the "select" JavaScript event, or trigger that event on an element.

这意味着当您在源元素中选择文本时，您正在尝试对目标元素执行某些操作。请留意评论，了解它正在做什么。

//always good to wrap events inside document.ready
$(function() {
  $("#first").select(function() {
    //once you perform select operation on input#first element either by Ctrl+a
    //or by Mouse drag event
    $("#second").val("hello");
    //value of input#second element should be updated to hello
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="first" type="text">
<input id="second" type="text">