Los sitios web populares de Weibo, como Twitter, tienen una buena experiencia de usuario, es decir, al ingresar texto en el cuadro de texto, los caracteres ingresados se contarán automáticamente y se mostrarán los caracteres que los usuarios aún pueden ingresar. En los blogs de Weibo con un límite de 140 caracteres, un consejo tan pequeño puede mejorar en gran medida la experiencia del usuario.
Si implemento esta tecnología, he realizado algunas investigaciones y descubrí que la implementación es realmente bastante simple. Algunas líneas de código pueden completar la función de estadísticas de caracteres de entrada. Después de las pruebas reales, sus estadísticas sobre el texto son exactamente las mismas que las de los blogs de Weibo como Twitter.
El método de uso es primero agregar un tramo para mostrar el recuento de palabras restante, luego agregar un OnKeydown y eventos OnKeyUp en TextAREA y llamar a otra función de JavaScript. Los parámetros de la llamada de función son la ID de SPAN y el ID de TextAREA, y luego usan InnerHTML en JavaScript para devolver el recuento de palabras restante calculado.
Código Core JavaScript:
La copia del código es la siguiente:
<span style = "font-size: 18px;"> <script language = "javascript">
function countChar (textareaname, spanname)
{
document.getElementById (Spanname) .innerhtml = 140 - document.getElementById (textareaname) .value.length;
}
</script>
Puede ingresar <span id = "contador"> 140 </span> palabras <br/>
<TextARea id = "status" name = "status" shows = "6" cols = "40" onkeydown = 'countchar ("status", "contador");'
onKeyUp = 'countchar ("status", "contador");'> </textarea> </span>
PD: Este sitio también proporciona una herramienta en línea para el recuento de palabras. Los amigos interesados pueden referirse a ello:
Herramienta de conteo de palabras en línea:
http://tools.vevb.com/code/zishutongji