<strong>JQuery の keyup イベント経由: </strong> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="70484" class="copybut" id="copybut70484" onclick="doCopy('code70484')"><u>コードをコピー </u></a></span> コードは次のとおりです: </div> <div class="codebody" id="code70484"> <br> <html> <br><head> <br><title>JQuery は textarea</title> <br><script type="text/javascript" src="jquery-1.4.js "> ;</script> <br></head> <br><body> <br><textarea style="width:300px;" maxlength="10"> /textarea> <br></html> <br>$(function(){ <br>$(" [maxlength ]").keyup(function(){ <br>var area=$(this); <br>var max=parseInt(area.attr("maxlength"),10); //maxlength の値を取得する<br> if(max>0){ <br>if(area.val().length>max){ //textarea のテキストの長さが maxlength を超えています。<br>area.val(area.val(). substr(0,max) ) // テキストエリアを切り詰めて再割り当てします <br>} <br>} <br>}); <br>keyup を使用する場合のみ、キーボード入力の最大長を決定できます。マウスを使用して貼り付けると、blur イベントを使用して決定できます。<br><br><br><br> </div>コードをコピーします <br><br> <div class="codetitle"> コードは次のとおりです: <span><a style="CURSOR: pointer" data="62198" class="copybut" id="copybut62198" onclick="doCopy('code62198')"> <u>$("textarea[maxlength]").blur(function(){ </u>var area =$(this); </a>var max=parseInt( area.attr("maxlength"),10); //最大長の値を取得します </span>if(max>0){ </div>if(area. val().length>max){ //textarea のテキストの長さが maxlength より大きい <div class="codebody" id="code62198">area.val(area.val().substr(0,max)); //textarea を切り捨てて再割り当てします <br>} <br>} <br>}); <br><br> <br>フォーカスを失った後にテキストエリアを切り詰めます。 <br>blur イベントで判断しても、テキストエリアの長さを確認せずに貼り付けた直後に送信すると、テキストエリアの内容全体が送信されてしまいます。</div>
