Javascript Form How to - Handle click event for Textarea

Question

We would like to know how to handle click event for Textarea.

Answer


<!--from  w  ww  .java  2s .  c  o m-->
<html>
    <body>
    <script language = "JavaScript">
    function handleMyClick(evnt){
        window.document.button1.handleEvent(evnt);
    }
    function displayMsg(){
         document.form1.msg.value += "Click event occurred.\n";
    }
    document.onclick = handleMyClick;
    </script>
    <form name="form1">
        <input type="button" value="Click on Me" name="button1" onClick='displayMsg()'>
        <br><br>
        <textarea name="msg" rows="10" cols="50" onClick='displayMsg()'></textarea>
    </form>
    </body>
</html>

The code above is rendered as follows: