明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html中input輸入框更改后自動(dòng)跳到最后一個(gè)字符的案例

[摘要]html中input輸入框修改后自動(dòng)跳到最后一個(gè)字符的實(shí)例<input class="m-form-control" onpaste="return false" placeholder="直播間名稱" name="nam...
html中input輸入框修改后自動(dòng)跳到最后一個(gè)字符的實(shí)例

<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,'')">

有三個(gè)事件,一個(gè)onpaste用來禁止粘貼,剩下兩個(gè)用來去掉特殊的字符,原因出在replace,replace替換后會(huì)像重新輸入一樣,所以光標(biāo)會(huì)在最后

解決,把replace事件在失去光標(biāo)的時(shí)候觸發(fā)

以上就是html中input輸入框修改后自動(dòng)跳到最后一個(gè)字符的實(shí)例的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。