2017-02-23 08:23:37 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
2017-02-25 07:34:53 +00:00
|
|
|
<body style="background-color: white;">
|
2017-02-23 08:23:37 +00:00
|
|
|
<script>
|
|
|
|
|
window.document.test_i = 0
|
|
|
|
|
</script>
|
|
|
|
|
<input id="input1" type="number" value="0"/>
|
|
|
|
|
<input id="input2" type="number" value="0"/>
|
|
|
|
|
<input id="button1" type="button" value="button 1">
|
|
|
|
|
<hr>
|
|
|
|
|
<input id="input3" type="text" value="foo"/>
|
|
|
|
|
<textarea id="input4"/></textarea>
|
|
|
|
|
<input id="button2" type="button" value="button 2"/>
|
2017-02-25 07:34:53 +00:00
|
|
|
<input id="button3" type="button" style="float: right;margin-right: -500px" value="offscreen button" onclick="javascript:window.document.test_i++;return false;"/>
|
2017-02-23 08:23:37 +00:00
|
|
|
<script>
|
|
|
|
|
document.addEventListener("click", function(){
|
|
|
|
|
document.getElementById('input1').value = event.clientX;
|
|
|
|
|
document.getElementById('input2').value = event.clientY;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.getElementById('button2').addEventListener('click', function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
document.getElementById('input3').value = 'bar';return false;
|
|
|
|
|
}, false);
|
|
|
|
|
document.getElementById('button2').addEventListener('dblclick', function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
document.getElementById('input3').value = 'bar2';return false;
|
|
|
|
|
}, false);
|
2017-02-25 07:34:53 +00:00
|
|
|
document.getElementById('input3').addEventListener('contextmenu', function(e) {
|
|
|
|
|
this.value = 'bar-right';return false;
|
2017-02-23 08:23:37 +00:00
|
|
|
}, false);
|
|
|
|
|
document.getElementById('button2').addEventListener('auxclick', function(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
document.getElementById('input3').value = 'bar-middle';return false;
|
|
|
|
|
}, false);
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
