Di default una textarea associa l'evento submit del form al click sul tasto enter.
Per dare invece al tasto enter un altro significato è sufficiente agire sull'evento onkeyDown, in modo da aggiungere lo spazio al click sull'enter e prevenendo il comportamento di default.
Per aggiungere il testo a capo facciamo così:
Di seguito l'esempio in una jsp:
Per dare invece al tasto enter un altro significato è sufficiente agire sull'evento onkeyDown, in modo da aggiungere lo spazio al click sull'enter e prevenendo il comportamento di default.
Per aggiungere il testo a capo facciamo così:
document.getElementById(event.target.id).innerHTML+="<br />";Di seguito l'esempio in una jsp:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form >
<textarea id="prova" rows="10" cols="50"></textarea>
</form>
</body>
<script>
document.getElementById("prova").addEventListener("keydown",test,false);
function test(e) {
if (e.keyCode == 13 && e.target=="[object HTMLTextAreaElement]" ) {
document.getElementById(event.target.id).innerHTML+="<br />";
e.preventDefault();
return false;
}
}
</script>
</html>
Nessun commento:
Posta un commento