欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實現(xiàn)替換字符串中最后一個字符的方法

 更新時間：2017年03月07日 11:03:45   作者：翱翔天地  
這篇文章主要介紹了JavaScript實現(xiàn)替換字符串中最后一個字符的方法,涉及javascript字符串的轉(zhuǎn)換與運算相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)替換字符串中最后一個字符的方法。分享給大家供大家參考，具體如下：

1、問題背景

在一個輸入框中，限制字符串長度為12位，利用鍵盤輸入一個數(shù)字，會將字符串中最后一位替換，比如：111111111111，再輸入一個3，會顯示111111111113

2、具體實現(xiàn)

<!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、實現(xiàn)結(jié)果

（1）初始化

（2）輸入“3”后

4、擴展附錄

jQuery中的實現(xiàn)方法：

$("#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);
});

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 分享一個常用的javascript靜態(tài)類

    分享一個常用的javascript靜態(tài)類

    這篇文章主要分享一個常用的javascript靜態(tài)類，筆者自己寫的,需要的朋友可以參考下
    2014-12-12
  • 一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別

    一文帶你搞懂JS中導(dǎo)入模塊import和require的區(qū)別

    JavaScript中，模塊是一種可重用的代碼塊，它將一些代碼打包成一個單獨的單元，并且可以在其他代碼中進行導(dǎo)入和使用。JavaScript中有兩種常用的方式：使用import和require，本文主要聊聊他們二者的區(qū)別
    2023-03-03
  • 微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機號

    微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機號

    最近改了一個公司項目,新增加了一個獲取用戶手機號功能,里面用到了關(guān)于獲取用戶信息和用戶手機號的功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序登錄方法之授權(quán)登陸及獲取微信用戶手機號的相關(guān)資料,需要的朋友可以參考下
    2022-07-07
  • javascript將DOM節(jié)點添加到文檔的方法實例分析

    javascript將DOM節(jié)點添加到文檔的方法實例分析

    這篇文章主要介紹了javascript將DOM節(jié)點添加到文檔的方法,對比分析了javascript的兩種節(jié)點創(chuàng)建的方法,涉及javascript節(jié)點操作及運行時間計算的相關(guān)技巧,需要的朋友可以參考下
    2015-08-08
  • javascript彈性運動效果簡單實現(xiàn)方法

    javascript彈性運動效果簡單實現(xiàn)方法

    這篇文章主要介紹了javascript彈性運動效果簡單實現(xiàn)方法,實例分析了JavaScript實現(xiàn)彈性運動的原理,涉及JavaScript數(shù)學運算與時間函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下
    2016-01-01
  • JavaScript滿天星導(dǎo)航欄實現(xiàn)方法

    JavaScript滿天星導(dǎo)航欄實現(xiàn)方法

    本篇文章給大家分享了JavaScript滿天星導(dǎo)航欄實現(xiàn)方法，以前也介紹過很多關(guān)于特效導(dǎo)航的制作方法，對此有興趣的朋友參考學習下。
    2018-03-03
  • Javascript 引擎工作機制詳解

    Javascript 引擎工作機制詳解

    我們需要引入幾個相關(guān)的概念：執(zhí)行環(huán)境棧、全局對象、執(zhí)行環(huán)境、變量對象、活動對象、作用域和作用域鏈等，這些概念正是JS引擎工作的核心組件。這篇文章的目的不是孤立的為你講解每一個概念需要的朋友可以參考下
    2016-11-11
  • 微信小程序開發(fā)經(jīng)驗總結(jié)（推薦）

    微信小程序開發(fā)經(jīng)驗總結(jié)（推薦）

    本篇文章主要介紹了微信小程序開發(fā)經(jīng)驗總結(jié)（推薦），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • 微信小程序?qū)崿F(xiàn)tab切換效果

    微信小程序?qū)崿F(xiàn)tab切換效果

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)tab切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-11-11
  • 基于SVG的web頁面圖形繪制API介紹及編程演示

    基于SVG的web頁面圖形繪制API介紹及編程演示

    SVG的全稱是可擴展的矢量圖形跟傳統(tǒng)的Raster方式的圖形(JPG, PNG, GIF等)有很大的差別，下面與大家分享下JavaScript中SVG API編程演示，感興趣的朋友可以參考下哈
    2013-06-06

最新評論