> 웹 프론트엔드 > JS 튜토리얼 > js는 text box_javascript 기술의 마지막 위치에 포커스를 구현합니다.

js는 text box_javascript 기술의 마지막 위치에 포커스를 구현합니다.

WBOY
풀어 주다: 2016-05-16 16:57:26
원래의
1076명이 탐색했습니다.

일반 프로그램에서 프로그래머들은 일반적으로 입력 상자의 내용이 올바른지 확인할 때 내용의 적법성을 판단하여 포커스 상자를 결정하는 것을 선호합니다.

예:

코드 복사 코드는 다음과 같습니다.

if(obj .value== ""){
obj.focus();
return false;
}

이런 식으로 입력 상자가 비어 있으면 포커스가 해당 입력 Frame으로 이동합니다..이 기능은 사용하기 매우 편리하지만..작은 문제가 있습니다...

즉, obj.focus()가 입력 상자로 포커스를 이동한 후 텍스트 커서(즉, 깜박이는 수직선)를 입력 상자의 첫 번째 문자 위치로 이동합니다... 그냥 위의 판단 측면에서...텍스트 상자에 내용이 없으면...obj.focus를 사용하면 텍스트 상자를 클릭하여 텍스트에 초점을 맞추지 않고도 텍스트 상자에 직접 내용을 입력할 수 있습니다...

단, 텍스트 상자에 이미 내용이 있는데... 이 내용도 불법입니다. obj.focus() 도 커서를 텍스트 상자의 첫 번째 문자 위치로 이동시킵니다... 이때, 주목받게 될 것이다 사용자 경험 디자이너는 답답하다... 필요한 것은 텍스트 상자에 포커스를 맞춘 다음 텍스트 커서가 텍스트 상자 끝으로 이동하여 사용자가 텍스트를 클릭하지 않고도 내용을 직접 입력할 수 있도록 하는 것이다. 상자에 입력한 내용은 나중에 추가하세요...

다음 코드는 이 작은 세부 사항을 완성할 수 있습니다.

코드 복사 코드는 다음과 같습니다.



이 코드는 사용자 경험의 세부적인 측면에서 디자이너에게 큰 도움이 될 것입니다...
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿