Saisir :
<form onsubmit="return envoi()">
<input id="zone" type="text" onfocus="foc()" onblur="quit()" onselect="selec()" />
<select name='options' onchange="chg()">
  <option value='option-1'>Option 1</option>
  <option value='option-2'>Option 2</option>
  <option value='option-3'>Option 3</option>
</select> 
<input type="submit" value="ok"/>
</form>
<br>
<b>Message : </b>
<span id="mess" style="color:red"></span>
objMess = document.getElementById('mess');
objZone = document.getElementById('zone');
function foc(){
  objMess.innerHTML = "Vous rentrez dans la zone de texte";
}
function chg(){
  objMess.innerHTML = "Vous venez de changer la valeur de l'option" 
}
function quit(){
  objMess.innerHTML = "Vous venez de quitter la zone de texte" 
}
function selec(){
  objMess.innerHTML = "Vous venez de sélectionner du texte" 
}
function envoi(){
  objMess.innerHTML = "Vous venez de soumettre le formulaire";
  return false;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.