셀렉트 이벤트 이용방법-JS 튜토리얼-php.cn

셀렉트 이벤트 이용방법

不言

풀어 주다： 2021-04-21 14:57:07

원래의

11137명이 탐색했습니다.

select 메소드는 select 이벤트 또는 select 이벤트가 발생할 때 실행되는 함수를 트리거하는 데 사용됩니다. Select는 "$(selector).select(function)"과 같은 구문을 사용합니다. 여기서 함수는 선택 사항임을 나타냅니다. 선택 이벤트가 발생하면 실행됩니다.

셀렉트 이벤트 이용방법

이 문서의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, Dell G3 컴퓨터.

선택 이벤트는 텍스트 영역의 텍스트나 텍스트 유형의 입력 요소가 선택될 때 발생하는 이벤트입니다. select() 메서드를 사용하여 선택 이벤트가 발생하거나 선택 이벤트가 발생할 때 실행되는 함수입니다. select 메소드의 사용법을 자세히 살펴보겠습니다.

먼저 select()의 기본 구문을 살펴보겠습니다

$(selector).select(function)

로그인 후 복사

함수는 선택 사항입니다. 선택 이벤트가 발생할 때 실행되는 함수를 나타냅니다.

구체적인 예를 살펴보겠습니다

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
     <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("文本标记!");
  });
  $("button").click(function(){
    $("input").select();
  });  
});
</script>
  </head>
  <body>
<input type="text" name="FirstName" value="Hello World" />
<br>
<button>触发输入域中的select 事件</button>
</body>
</html>

로그인 후 복사

실행 효과는 다음과 같습니다

셀렉트 이벤트 이용방법