编程 Javascript

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实现替换字符串中最后一个字符的方法

- Author -

翱翔天地

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery UI Autocomplete 体验分享

Feb 14 Javascript

父元素与子iframe相互获取变量和元素对象的具体实现

Oct 15 Javascript

JS短路原理的应用示例精简代码的途径

Dec 13 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

用AngularJS来实现监察表单按钮的禁用效果

Nov 02 Javascript

微信小程序tabBar底部导航中文注解api详解

Aug 16 Javascript

Bootstrap实现翻页效果

Nov 27 Javascript

vue实现点击当前标签高亮效果【推荐】

Jun 22 Javascript

vue 实现数字滚动增加效果的实例代码

Jul 06 Javascript

Layui给switch添加响应事件的例子

Sep 03 Javascript

node 标准输入流和输出流代码实例

Sep 19 Javascript

arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)

Jan 28 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