Популярные веб -сайты Weibo, такие как Twitter, имеют хороший пользовательский опыт, то есть при введении текста в текстовое поле введенные символы будут автоматически подсчитываться, и будут отображаться персонажи, которые могут вводить пользователи. В блогах Weibo с ограничением 140 символов такой небольшой совет может значительно улучшить пользовательский опыт.
Если я внедрил эту технологию, я провели некоторое исследование и обнаружил, что реализация на самом деле довольно проста. Несколько строк кода могут выполнить функцию статистики входного символа. После фактического тестирования его статистика по тексту точно такая же, как и в блогах Weibo, таких как Twitter.
Метод использования должен сначала добавить пролет, чтобы отобразить оставшееся количество слов, а затем добавить события OnkeyDown и Onkeyup в Textarea и вызовать другую функцию JavaScript. Параметрами функционального вызова являются идентификатор SPAN и идентификатор TextAREA, а затем используйте innerhtml в JavaScript, чтобы вернуть рассчитанное оставшееся количество слов.
Основной код JavaScript:
Кода -копия выглядит следующим образом:
<span style = "font-size: 18px;"> <script language = "javascript">
Function Countchar (TextareAname, Spanname)
{
document.getElementbyId (spanname) .innerhtml = 140 - document.getElementById (TextarAReAname) .value.length;
}
</script>
Вы можете ввести <span id = "counter"> 140 </span> слова <br/>
<textarea id = "status" name = "status" rows = "6" cols = "40" onkeydown = 'countchar ("status", "counter");'
onkeyup = 'countchar ("status", "counter");'> </textarea> </span>
PS: Этот сайт также предоставляет онлайн -инструмент для подсчета слов. Заинтересованные друзья могут ссылаться на это:
Инструмент подсчета слов онлайн:
http://tools.vevb.com/code/zishutongji