html中input輸入框更改后自動跳到最后一個字符的案例
發表時間:2023-12-28 來源:明輝站整理相關軟件相關文章人氣:
[摘要]html中input輸入框修改后自動跳到最后一個字符的實例<input class="m-form-control" onpaste="return false" placeholder="直播間名稱" name="nam...
html中input輸入框修改后自動跳到最后一個字符的實例
<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,'')"
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,'')">
有三個事件,一個onpaste用來禁止粘貼,剩下兩個用來去掉特殊的字符,原因出在replace,replace替換后會像重新輸入一樣,所以光標會在最后
解決,把replace事件在失去光標的時候觸發
以上就是html中input輸入框修改后自動跳到最后一個字符的實例的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。