recherche

Maison  >  Article  >  interface Web  >  Comment demander dynamiquement le nombre de mots dans la zone de saisie avec les compétences JavaScript_javascript

Comment demander dynamiquement le nombre de mots dans la zone de saisie avec les compétences JavaScript_javascript

WBOY
WBOYoriginal
2016-05-16 15:48:501406parcourir

L'exemple de cet article décrit la méthode permettant d'inviter dynamiquement la zone de saisie à saisir le nombre de mots en JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il existe une fonction comme une petite note dans l'espace QQ. Lorsque vous entrez de nombreux mots dans la zone de texte, elle vous demandera dynamiquement « combien de mots ont été saisis » et « combien de mots supplémentaires peuvent être saisis ». je pense que c'est plutôt bien, alors j'essaie de le faire moi-même, haha.

Au début, je pense que la première impression de beaucoup de gens était de le faire via onkeydown ou onkeyup de js. Ensuite, ils ont découvert que le flou focus setInterval() pouvait également être utilisé pour obtenir l'effet dont nous avions besoin, j'ai donc rapidement utilisé cette méthode pour l'écrire grossièrement. par moi-même. Tout d’un coup, l’effet désiré a été obtenu. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>IT技术网-JavaScript动态提示输入框输入字数</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function sp(){
var tex = $('te').value;
var nun =tex.length;
var spa = $('span');
spa.innerHTML = nun;
}
</script>
</head>
<body>
你已经输入了<span id='span'>0</span>字
<input value="" id="te" type="text" onfocus="ss=setInterval(sp,600)" onblur="clearInterval(ss)"/>
</body>
</html>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Méthode JavaScript pour appeler les compétences du client Java program_javascriptArticle suivant：Méthode JavaScript pour appeler les compétences du client Java program_javascript

Articles Liés

Voir plus