JavaScript实现替换字符串中最后一个字符的方法


Posted in Javascript onMarch 07, 2017

本文实例讲述了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=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、实现结果

(1)初始化

JavaScript实现替换字符串中最后一个字符的方法

(2)输入“3”后

JavaScript实现替换字符串中最后一个字符的方法

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入门教程 Cookies
Jan 31 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 #Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 #Javascript
详解JS异步加载的三种方式
Mar 07 #Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 #Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 #Javascript
JQuery中Ajax的操作完整例子
Mar 07 #Javascript
js判断手机系统是android还是ios
Mar 07 #Javascript
You might like
php 动态添加记录
2009/03/10 PHP
php后退一页表单内容保存实现方法
2012/06/17 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php实现的双色球算法示例
2017/06/20 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
javascript 函数速查表
2010/02/07 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
jquery获取当前点击对象的value方法
2014/02/28 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
Python编写Windows Service服务程序
2018/01/04 Python
python检测服务器端口代码实例
2019/08/31 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
加拿大领先的时尚和体育零售商:Sporting Life
2019/12/15 全球购物
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
婚礼父母答谢词
2015/01/04 职场文书
2015年财务部工作总结
2015/04/10 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
python代码实现扫码关注公众号登录的实战
2021/11/01 Python