2. 그런 다음 선택한 상자의 텍스트를 클릭하는 것을 구현하는 JavaScript 코드 작성을 시작합니다. 이전 아이디어에 따르면 구현은 거의 다음과 같아야 합니다.
var input =$(this);
setTimeout(function () {
🎜> });
두 가지 작성 방법은 완전히 동일한 코드여야 하므로 후자도 예상한 효과를 얻을 수 있어야 합니다. 그런데 사실 2종으로 전환한 후 효과가 사라졌어요! 텍스트를 자동으로 선택하는 방법은 없습니다! !
보통 사람들이 이해할 수 없는 높이입니다.
자, 이제 다시 돌아가서 입력 상자가 어떻게 보이는지 살펴보겠습니다. 이제 입력 상자에 텍스트가 있는 한 클릭하면 자동으로 선택되며 마우스를 놓은 후에는 다시 되돌아오지 않습니다. 아주 좋습니다. 이것이 우리가 원하는 효과입니다.
다음은 이 기사의 실제 주제인 기능 또는 이벤트 핸들러를 동적으로 생성된 페이지 요소에 바인딩하는 방법입니다.
위의 기능에 대해 이야기해 보겠습니다. 위의 코드는 양식 페이지의 요구 사항을 해결할 수 있으며, 이 페이지에서만 입력 상자에 포커스를 얻은 후 텍스트를 자동으로 선택하는 기능이 있습니다. 즉, 코드에 있는 입력 상자의 포커스 이벤트에 바인딩된 핸들러가 있습니다. 물론 이 핸들러는 선택된 텍스트입니다.
위의 내용이 다소 혼란스러우면 제 인생에서 가장 간단한 언어로 동일한 내용을 다시 설명하겠습니다. 다른 페이지에도 입력 상자가 있는 경우 이러한 효과를 얻으려면 각 페이지에 동일한 단락 코드를 작성해야 합니까? .
또는 현재 페이지에서 사용자가 해당 정보를 입력한 후 일부 입력 상자를 동적으로 생성하고, 이후에 생성된 이러한 입력 상자에도 텍스트를 선택하도록 초점을 맞추는 기능이 어떻게 있을 수 있습니까?
시연을 위해 사용자가 이름을 입력하면 아래에 별명을 입력할 입력 상자가 생성되는 것을 감지합니다. 나중에 JavaScript 코드를 통해 DOM에 삽입되는 이 입력 상자는 다른 입력 상자와 동일한 효과를 갖지 않을 것으로 예측할 수 있습니다. 텍스트를 자동으로 선택하는 데 사용하는 코드는 페이지가 로드될 때 실행되고, 페이지가 로드될 때 나중에 삽입되는 입력 상자가 존재하지 않기 때문입니다.
이름 입력창 모니터링을 위해 새로 추가된 코드는 다음과 같습니다.
$("input[name='name']").change(함수 () {
'< ;input type="text" name="nickname" value=" " />'
'& lt;/td & gt;'
'& lt;/troc & gt;')
})
테스트를 위해 아래 페이지에서 이름에 무엇을 입력하면 되나요? 그리고 테스트로 생성된 입력 상자에서는 텍스트를 자동으로 선택할 수 없습니다.
다음은 동적으로 생성된 요소가 이전에 바인딩된 이벤트 핸들러를 가져오는 방법입니다. 
var input = $(this); {
input.select( );
이 방법은 조금 까다롭지만, 제가 지금까지 아는 방법 중 가장 좋은 방법이기도 합니다. jQuery 1.9 이전에는 실제로 유사한 작업을 수행하도록 특별히 설계된 live() 함수가 있었기 때문에 향후 아직 생성되지 않은 요소에 이벤트 핸들러를 바인딩할 수 있었지만 jQuery 버전이 업그레이드되면서 권장되지 않습니다. 이 live() 메서드를 사용합니다. 옹호되지 않는 이상 당연한 이유가 있기 때문에 앞서 jQuery가 브라우저 감지 관련 기능을 폐지한 이유에 대해 자세히 설명했듯이 자세히 설명하지는 않겠습니다.
위 방법을 웹 사이트의 마스터 페이지에 작성하면 이를 달성하기 위해 입력 상자가 있는 모든 페이지에 동일한 코드를 작성할 필요가 없으며 나중에 동적으로 생성된 페이지에도 적용됩니다. 요소.
위 입력 상자의 예는 물론 이 예에만 국한되지 않습니다. 적어도 저는 이 예를 여러 번 접했습니다. 내 프로젝트는 다양한 상황에서 . 예를 들어 권한이 부족한 사용자에게 표시되는 페이지에서는 일부 버튼을 비활성화해야 하지만 사용자는 추가를 클릭하여 행을 추가할 수 있으며 각 행에는 삭제 및 수정 버튼이 있으며 이때 비활성화를 적용할 수 있습니다. 행에 새 행 버튼을 추가하려면
물이 부족한 곳을 걷고, 앉아서 구름이 떠오르는 것을 바라보며
