Eventi di Button – Programmare con Javascript

Agisci sul pulsante, leggi i valori delle proprietà e osserva gli eventi


type name form.name value EVENTI:

<table>

<tr>

<th><input type="button" name="input_button" value="Pulsante"

onFocus ="evento('Focus')" onBlur="evento('Blur')"

onClick="evento('Click')" onDblClick="evento('DblClick')"

onMouseDown="evento('MouseDown')" onMouseUp="evento('MouseUp')"

onMouseOver="evento('MouseOver')" onMouseOut="evento('MouseOut')" />

</th>

</tr>

<tr>

<input type="text" name="txtValue" readonly /> value<br/><br/>

<textarea cols="100" name="eventi" readonly />EVENTI:</textarea>

</td>

</tr>

</table>

</form>

function evento(msg)

{

document.form_button.eventi.value += (msg + " ");

document.form_button.txtType.value=document.form_button.input_button.type;

document.form_button.txtName.value=document.form_button.input_button.name;

document.form_button.txtForm.value=document.form_button.input_button.form.name;

document.form_button.txtValue.value=document.form_button.input_button.value;

}

evento(" ");

</script>