1<!DOCTYPE html> 2<html> 3<body> 4<div id="message"></div> 5<select id="s" autofocus> 6<option>1</option> 7<option>2</option> 8<option>3</option> 9</select> 10<script> 11function handler(e) { 12 document.getElementById('message').innerText += "down"; 13} 14 15function handler2(e) { 16 document.getElementById('message').innerText += "click"; 17} 18 19function handler3(e) { 20 document.getElementById('message').innerText += "up"; 21} 22 23function handler4(e) { 24 document.getElementById('message').innerText += "change"; 25} 26 27document.getElementById('s').addEventListener('mousedown', handler); 28document.getElementById('s').addEventListener('click', handler2); 29document.getElementById('s').addEventListener('mouseup', handler3); 30document.getElementById('s').addEventListener('change', handler4); 31</script> 32</body> 33</html>