JavaScript实现替换字符串中最后一个字符的方法
更新时间：2017年03月07日 11:03:45 作者：翱翔天地
这篇文章主要介绍了JavaScript实现替换字符串中最后一个字符的方法,涉及javascript字符串的转换与运算相关操作技巧,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法。分享给大家供大家参考，具体如下：
1、问题背景
在一个输入框中，限制字符串长度为12位，利用键盘输入一个数字，会将字符串中最后一位替换，比如：111111111111，再输入一个3，会显示111111111113
2、具体实现
<!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=gbk" />
<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、实现结果
（1）初始化
（2）输入“3”后
4、扩展附录
jQuery中的实现方法：
$("#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);
});
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了详解ES6 Promise Promise的生命周期和创建,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要为大家介绍了websocket直接绕过JS加密的示例及思路原理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪2022-04-04
这篇文章主要为大家详细介绍了JS查找英文文章中出现频率最高的单词，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
很多时候我们需要在前台获取当前日期,下面这篇文章主要给大家介绍了关于使用js获取当前年月日的方法及格式整理的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
这篇文章主要介绍了JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了微信小程序webview实现长按点击识别二维码功能,结合实例形式分析了webview二维码识别相关操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了js实现简单音乐播放器，可拖动进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
JavaScript有5种基本的数据类型，分别是：布尔、null、undefined、String和Number。这篇文章主要介绍了JavaScript的值传递和引用传递,需要的朋友可以参考下2018-10-10
这篇文章主要介绍了详解webpack引用jquery（第三方模块）的三种办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
本篇文章主要是对JS获取几种URL地址的方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
最新评论