> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 입력 상자가 수정된 후 자동으로 마지막 문자로 이동하는 예

HTML의 입력 상자가 수정된 후 자동으로 마지막 문자로 이동하는 예

黄舟
풀어 주다: 2017-10-23 09:58:34
원래의
3551명이 탐색했습니다.

수정 후 HTML의 입력 상자가 자동으로 마지막 문자로 점프하는 예

<input class="m-form-control" onpaste="return false" placeholder="直播间名称" 
name="name" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uFF1F|
\uFF01|\uff0c|\u3001|\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,&#39;&#39;)" 
onafterpaste="this.value=this.value.replace(/[^\u4e00-\u9fa5|\u0000-\u00ff|\u3002|\uFF1F|\uFF01|\uff0c|\u3001|
\uff1b|\uff1a|\u3008-\u300f|\u2018|\u2019|\u201c|
\u201d|\uff08|\uff09|\u2014|\u2026|\u2013|\uff0e]/g,&#39;&#39;)">
로그인 후 복사

세 가지 이벤트가 있는데, 하나는 붙여넣기를 금지하는 데 사용되고 나머지 두 개는 특수 문자를 제거하는 데 사용됩니다. replacement will 다시 입력하는 것과 같아서 마지막에 커서가 해결되고

커서가 사라지면 교체 이벤트가 발생합니다

위 내용은 HTML의 입력 상자가 수정된 후 자동으로 마지막 문자로 이동하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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