ホームページ  >  記事  >  ウェブフロントエンド  >  文字列の最後の文字を置換するための JavaScript コード分析

文字列の最後の文字を置換するための JavaScript コード分析

黄舟
黄舟オリジナル
2017-03-22 14:52:341923ブラウズ

この記事では、文字列の最後の文字の置換を実現するためのJavaScriptの方法を主に紹介し、JavaScript文字列の変換や操作関連の操作スキルを必要としている友人はそれを参照してください

この記事の例。 JavaScript メソッドでの文字列の最後の文字の置換の実装について説明します。詳細は次のとおりです:

1. 問題の背景

入力ボックスでは、文字列の長さが 12 桁に制限されています。例: 111111111111 に 3 を入力すると、111111111113 が表示されます

2. 実装結果

(1) 初期化

( 2)「3」を入力後

4.拡張付録の実装方法

jQuery:

<!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>

以上が文字列の最後の文字を置換するための JavaScript コード分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。