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 相关文章推荐
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
JS显示下拉列表框内全部元素的方法
Mar 31 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
基于jQuery实现的菜单切换效果
Oct 16 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
require.js中的define函数详解
Jul 10 Javascript
微信小程序之发送短信倒计时功能
Aug 30 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反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
实现PHP多线程异步请求的3种方法
2014/01/17 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
2015/12/20 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
vue-router 权限控制的示例代码
2017/09/21 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
vue计算属性get和set用法示例
2019/02/08 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
Python编程中time模块的一些关键用法解析
2016/01/19 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
十八大感想感言
2014/02/10 职场文书
入党自荐书范文
2014/03/09 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
小学生国旗下演讲稿
2014/04/25 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
Python基础之hashlib模块详解
2021/05/06 Python
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python