jQuery: 포커스 이벤트 사용에 대한 자세한 설명-JS 튜토리얼-php.cn

jQuery: 포커스 이벤트 사용에 대한 자세한 설명

黄舟

풀어 주다： 2017-06-27 11:30:11

원래의

1811명이 탐색했습니다.

이 글은 주로 jQuery에서 포커스 이벤트의 사용법을 소개하고, 포커스를 얻을 때의 포커스 이벤트 사용법을 예제 형식으로 분석합니다. 필요한 친구가 참고할 수 있습니다.

이 글에서는 포커스를 설명합니다. 예제가 포함된 jQuery의 이벤트. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

요소가 포커스를 얻거나 focus() 메서드를 호출하면 포커스 이벤트가 트리거됩니다.

완전한 이벤트 프로세스에는 이벤트를 트리거할 수 있는 조건뿐만 아니라 이벤트 처리 프로그램도 있어야 합니다.
focus() 메서드를 통해 이벤트 핸들러를 포커스 이벤트에 바인딩할 수 있습니다. 예:

$("input").focus(function(){$(this).css("backgroundColor","red")})

로그인 후 복사

위 코드는 functionfunction을 focus() 메서드를 통해 포커스 이벤트에 이벤트 핸들러로 바인딩하는 것입니다. 이 함수는 포커스 이벤트가 트리거될 때 호출됩니다.
예제 코드:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.jb51.net/" /> 
<title>focus事件-脚本之家</title> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("input").focus(function(){
    $(this).css("backgroundColor","red")
  }) 
})  
</script> 
</head> 
<body> 
<p> 
<ul> 
  <li>用户名:<input type="text" name="username" /></li> 
  <li>密码:<input type="password" name="userpassword" /></li> 
</ul> 
</p> 
</body> 
</html>

로그인 후 복사

위 코드는 입력 요소에 대한 포커스 이벤트 핸들러를 등록하고 포커스를 받을 때 텍스트 상자의 배경색을 설정할 수 있습니다.

위 내용은 jQuery: 포커스 이벤트 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!