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 设计模式 推荐
Oct 28 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
vue实现底部菜单功能
Jul 24 Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 Javascript
Nuxt 项目性能优化调研分析
Nov 07 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中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
javascript引导程序
2008/10/26 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Python线程threading模块用法详解
2020/02/26 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
Python如何执行系统命令
2020/09/23 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
生物学学生自我评价
2014/01/17 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python