JavaScript實現(xiàn)替換字符串中最后一個字符的方法
更新時間：2017年03月07日 11:03:45 作者：翱翔天地
這篇文章主要介紹了JavaScript實現(xiàn)替換字符串中最后一個字符的方法,涉及javascript字符串的轉(zhuǎn)換與運算相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)替換字符串中最后一個字符的方法。分享給大家供大家參考，具體如下：
1、問題背景
在一個輸入框中，限制字符串長度為12位，利用鍵盤輸入一個數(shù)字，會將字符串中最后一位替換，比如：111111111111，再輸入一個3，會顯示111111111113
2、具體實現(xiàn)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript替換字符串中最后一個字符</title>
<script type="text/javascript">
function replaceStr()
{
var e = event || window.event || arguments.callee.caller.arguments[0];
var input_str = document.getElementById("input_str").value;
var newStr = input_str.substring(0,11);
if(e && e.keyCode>=48 && e.keyCode <= 57)
{
newStr += (e.keyCode-48);
}
document.getElementById("input_str").value = newStr;
}
</script>
</head>
<body>
<input type="text" id="input_str" maxlength="12" onkeyup="replaceStr();"/>
</body>
</html>
3、實現(xiàn)結(jié)果
（1）初始化
（2）輸入“3”后
4、擴(kuò)展附錄
jQuery中的實現(xiàn)方法：
$("#input_str").keydown(function(event){
var nums = $("#input_str").val();
var e = event || window.event || arguments.callee.caller.arguments[0];
var newStr = nums.substring(0,11);
if(e && e.keyCode>=48 && e.keyCode <= 57)
{
newStr += (e.keyCode-48);
}
$("#input_str").val(newStr);
});
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
最近在做公司的小程序項目,發(fā)現(xiàn)設(shè)計上有很多不統(tǒng)一,代碼上有很多冗余,下面這篇文章主要給大家介紹了關(guān)于小程序開發(fā)實戰(zhàn)指南之封裝自定義彈窗組件的相關(guān)資料,需要的朋友可以參考下2022-11-11
Javascript中八種遍歷方法的執(zhí)行速度深度對比
關(guān)于數(shù)組或?qū)ο蟊闅v，相信很多人都沒有深入觀察過執(zhí)行效率。這是一個曾在群里吵翻天的話題，讀懂后你將成為遍歷效率話題的大師。下面這篇文章主要介紹了Javascript中八種遍歷方法執(zhí)行速度深度對比的相關(guān)資料，需要的朋友可以參考下。2017-04-04
這篇文章主要為大家詳細(xì)介紹了bootstrap Table的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
淺述節(jié)點的創(chuàng)建及常見功能的實現(xiàn)
本文主要對節(jié)點的創(chuàng)建及常見功能的實現(xiàn)方法進(jìn)行介紹，希望會對大家學(xué)習(xí)javascript有所幫助，下面就跟小編一起來看下吧2016-12-12
《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ)
這篇文章主要介紹了《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ),需要的朋友可以參考下2015-01-01
IE6-IE9使用JSON、table.innerHTML所引發(fā)的問題
這篇文章主要介紹了IE6-IE9使用JSON、table.innerHTML所引發(fā)的問題 ,需要的朋友可以參考下2015-12-12
在前端開發(fā)中我們常常需要從一個跳到另一個頁面,并且將當(dāng)前頁面的數(shù)據(jù)傳遞過去,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JS中跳轉(zhuǎn)傳參的幾種常用方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手機(jī)號碼驗證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了12 款 JS 代碼測試必備工具(翻譯),需要的朋友可以參考下2016-12-12
這篇文章主要給大家介紹了關(guān)于js獲取對象屬性值的兩種方法使用,分別是通過.獲取和通過[]獲取這兩種方法,文中介紹了詳細(xì)的方法和不同點,需要的朋友可以參考下2023-05-05