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

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

黄舟
黄舟원래의
2017-10-23 09:58:343501검색

수정 후 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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