웹 프론트엔드 H5 튜토리얼 입력 이벤트를 사용하여 모바일 input_html5 튜토리얼 팁을 모니터링하는 방법

입력 이벤트를 사용하여 모바일 input_html5 튜토리얼 팁을 모니터링하는 방법

May 16, 2016 pm 03:37 PM
input 모바일 단말기 입력하다

오늘 관리자가 댓글 기능에 최대 150자 입력을 제한하는 것처럼 문자 수를 제한해야 한다고 요청했습니다. 여기에서는 사용자에게 실시간으로 알림이 필요합니다. 더 많은 문자를 입력할 수 있습니다.

처음에는 keyup 이벤트를 수신한 다음 사용자가 입력한 단어 수를 세는 것이 아이디어였지만 일부 키(예: 삭제 키)는 이벤트를 트리거하지 않습니다.

나중에 HTML5에 새로운 input 이벤트가 추가된 것을 확인했습니다. 이 이벤트는 변경 이벤트와 유사하지만 변경 이벤트는 요소가 포커스를 잃을 때 트리거되고 입력 이벤트는 요소 값이 변경됩니다.

현재 IE89를 제외한 다른 브라우저에서도 잘 지원되어 모바일 단말기에서도 안심하고 사용하실 수 있습니다

입력 이벤트를 사용하여 모바일 단말기 입력을 모니터링하는 방법에 대한 위 기사는 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, Script Home에 많은 지원 부탁드립니다.

원본 주소: http://www.cnblogs.com/wodertian/p/5391113.html

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Win11 입력 경험 가이드 비활성화 Win11 입력 경험 가이드 비활성화 Dec 27, 2023 am 11:07 AM

Win11 입력 경험 가이드 비활성화

Windows 입력 시 중단 또는 높은 메모리 사용량이 발생함 [수정] Windows 입력 시 중단 또는 높은 메모리 사용량이 발생함 [수정] Feb 19, 2024 pm 10:48 PM

Windows 입력 시 중단 또는 높은 메모리 사용량이 발생함 [수정]

Vue 모바일 단말기의 멀티 터치 포인트 문제 해결 Vue 모바일 단말기의 멀티 터치 포인트 문제 해결 Jun 30, 2023 pm 01:06 PM

Vue 모바일 단말기의 멀티 터치 포인트 문제 해결

Vue 프로젝트에서 모바일 제스처 작업을 사용하는 방법 Vue 프로젝트에서 모바일 제스처 작업을 사용하는 방법 Oct 08, 2023 pm 07:33 PM

Vue 프로젝트에서 모바일 제스처 작업을 사용하는 방법

win11 검색창 입력 문제 해결 win11 검색창 입력 문제 해결 Dec 26, 2023 pm 12:07 PM

win11 검색창 입력 문제 해결

Vue 개발에서 모바일 단말기의 더블클릭 증폭 문제를 해결하는 방법 Vue 개발에서 모바일 단말기의 더블클릭 증폭 문제를 해결하는 방법 Jun 29, 2023 am 11:06 AM

Vue 개발에서 모바일 단말기의 더블클릭 증폭 문제를 해결하는 방법

단어 매트릭스를 입력하는 방법 단어 매트릭스를 입력하는 방법 Mar 19, 2024 pm 11:00 PM

단어 매트릭스를 입력하는 방법

Vue 문서의 입력 상자 바인딩 이벤트에 대한 자세한 설명 Vue 문서의 입력 상자 바인딩 이벤트에 대한 자세한 설명 Jun 21, 2023 am 08:12 AM

Vue 문서의 입력 상자 바인딩 이벤트에 대한 자세한 설명

See all articles