>웹 프론트엔드 >JS 튜토리얼 >양식 포커스 이벤트를 처리하는 방법

양식 포커스 이벤트를 처리하는 방법

一个新手
一个新手원래의
2017-09-19 10:23:402312검색

오늘은 폼의 포커스 이벤트에 대해 설명하기 위해 텍스트 너비를 예로 들어 보겠습니다. 다른 폼 유형도 비슷합니다

Focus: 사용자가 입력한 개체를 구별하기 위해 브라우저는 사용자가 입력한 객체를 구별합니다. 요소에 포커스가 있으면 해당 요소는 사용자 입력을 받아들일 수 있습니다.

몇 가지 방법으로 요소에 포커스를 설정할 수 있습니다

1.tab

2,

3.js

을 클릭하세요. 모든 요소가 요소만 가능한 것은 아닙니다. 포커스를 받고 사용자 작업에 응답할 수 있는 태그에는 포커스가 있습니다(예: 양식, 태그

1

.tab). 말할 필요도 없이 브라우저는 포커스를 변경하기 위해 탭 키를 사용할 수 있습니다. 언제든지

2.클릭하여 초점을 맞추세요양식 요소를 클릭하면 클릭한 요소에 초점이 맞춰져 초점이 맞춰집니다

var aInp=document.getElementsByTagName('input');
            for(var i=0;i<aInp.length;i++){
                aInp[i].onfocus=function(){
                    this.value=&#39; &#39;;
                }
            };


Lost focus onblur

사용법: 외부를 클릭할 때. 우리의 양식은 포커스를 잃고

focus

메서드를 사용하여 포커스를 얻기 위해 onblur

3.js를 트리거하고 blur 메서드를 사용하여 포커스를 잃습니다aInp[1].focus();

사용법:

Object.focus

이때 기본 포커스는 두 번째 형태입니다(blur도 마찬가지입니다)

**마지막으로 방법을 알려드리겠습니다

select

선택( ) 요소(사용자가 입력할 수 있는 요소) 전체 텍스트 내용 선택---> 복사 기능 구현

위 내용은 양식 포커스 이벤트를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.