Dato il seguente codice:
<html>
<header>
<title>test</title>
</header>
<body>
<script type="text/javascript">
window.onload=function(){
document.getElementById("text").onclick=newComment ;
document.getElementById("text").onblur=resetCommen tBox;
document.getElementById("commentButton").onclick=a ddComment;
};
function newComment(){
document.getElementById("text").value="";
document.getElementById("text").style.height="40px ";
document.getElementById("commentButton").style.dis play="block";
}
function resetCommentBox(){
document.getElementById("text").value="Write a comment ...";
document.getElementById("text").style.height="20px ";
document.getElementById("commentButton").style.dis play="none";
}
function addComment(){
alert("Save comment");
}
</script>
<textarea id="text" style="height:20px;">Write a comment ...</textarea>
<input type="button" id="commentButton" style="display:none" value="add" />
</body>
</html>
ho il seguente problema:
l'evento onclick sul pulsante commentButton non viene mai intercettato poichè viene sempre prima intercettato l'evento onblur della textarea. Io pensavo venissero intercettati entrambi gli eventi ma come risulta dall'esempio di cui sopra non è cosi.
Any idea?