> 웹 프론트엔드 > JS 튜토리얼 > Jquery는 Sina Weibo의 모방을 구현하여 텍스트 상자에 입력할 수 있는 단어 수의 코드를 얻습니다_jquery

Jquery는 Sina Weibo의 모방을 구현하여 텍스트 상자에 입력할 수 있는 단어 수의 코드를 얻습니다_jquery

WBOY
풀어 주다: 2016-05-16 17:41:30
원래의
1157명이 탐색했습니다.
limit.js 코드
코드 복사 코드는 다음과 같습니다.

// txt: 텍스트 상자 jquery 객체
//limit: 제한된 단어 수
// isbyte: true: 한계를 바이트 수로 처리합니다. false: 한계를 문자 수로 처리합니다.
// cb : 콜백 함수, 매개변수는 입력 가능한 단어 수
function InitLimit(txt,limit,isbyte,cb){
txt.keyup(function(){
var str=txt.val( );
var charLen;
var byteLen=0
if(isbyte){//원본 블로그: blog.csdn.net/bluceyoung
for(var i=0;iif (str.charCodeAt(i)>255){
byteLen =2
}else{
byteLen;
}
charLen = Math.floor((limit-byteLen)/2);
}else{
byteLen=str.length;
charLen=limit-byteLen;
cb(charLen) ;
})
}


페이지 코드
:





< ;script type="text/javascript">
$(document).ready(function(){
InitLimit($("#txt"), 10,true,function(c){
if(c>=0){
$("#show").val("" c "문자"를 입력할 수도 있습니다.
}else {
$("#show").val("초과됨" (-c) "문자")
}
}); "),10,true,function(c) {
if(c>=0){
$("#show1").val("" c " 문자를 입력할 수도 있습니다.");
}else{
$("# show1").val("초과" (-c) "문자")
}
})
< /script>











원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿