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 相关文章推荐
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
May 14 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
理解javascript异步编程
Jan 27 Javascript
JavaScript中获取纯正的undefined的方法
Mar 06 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
JS原型对象操作实例分析
Jun 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
dedecms系统常用术语汇总
2007/04/03 PHP
php目录管理函数小结
2008/09/10 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
浅谈Javascript事件模拟
2012/06/27 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
详解javascript高级定时器
2015/12/31 Javascript
Nodejs中的this详解
2016/03/26 NodeJs
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
js省市区级联查询(插件版&amp;无插件版)
2017/03/21 Javascript
详解Vue组件实现tips的总结
2017/11/01 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
详解tensorflow载入数据的三种方式
2018/04/24 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
十佳教师事迹材料
2014/01/11 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
我的长生果教学反思
2014/04/28 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书