jQuery 양식 이벤트 select() 이벤트

select 이벤트

정의 및 사용법

select 이벤트는 텍스트 영역의 텍스트나 텍스트 유형의 입력 요소를 선택할 때 발생합니다.

select() 메서드는 선택 이벤트를 트리거하거나 선택 이벤트가 발생할 때 실행할 함수를 지정합니다.

select() 이벤트를 살펴보겠습니다

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <input type="text" value="php 中文网">
    <p>php 中文网</p>

    <script>
        $('input').select(function(){
            $('p').css('color','red');
        })
    </script>
</body>
</html>

텍스트 상자의 내용을 선택하면 select() 이벤트가 발생하고 p 태그 내용의 색상이 변경됩니다

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <input type="text" value="php 中文网"> <p>php 中文网</p> <script> $('input').select(function(){ $('p').css('color','red'); }) </script> </body> </html>

제출하다 코드 재설정

자동운전