JavaScript HTML 事件实例

Mga halimbawa ng pagtugon sa mga event gamit JavaScript

Mga input event

onblur - Kapag ang gumagamit ay umalis sa input field
onchange - Kapag ang gumagamit ay nagbago ng nilalaman ng input field
onchange - Kapag ang gumagamit napili ang halimbawa ng drop-down
onfocus - Kapag ang input field ay nabigyan ng fokus
onselect - Kapag ang teksto ng input ay napili
onsubmit - Kapag ang gumagamit hinapak ang pindutan ng submit
onreset - Kapag ang gumagamit hinapak ang pindutan ng reset
onkeydown - Kapag ang gumagamit nagpindutin o pinapatig ang pindutan
onkeypress - Kapag ang gumagamit nagpindutin o pinapatig ang pindutan
onkeyup - Kapag ang gumagawas ang gumamit ng pindutan
onkeyup - Kapag ang gumagawas ang gumamit ng pindutan
onkeydown vs onkeyup - Parehong

Mga mouse event

onmouseover/onmouseout - Kapag ang mouse lumilipas sa isang elemento
onmousedown/onmouseup - 当按下/释放鼠标按钮时
onmousedown - 当按下鼠标时：提示点击了哪个元素
onmousedown - 当点击鼠标时：提示点击了哪个按钮
onmousemove/onmouseout - 当把鼠标指针移入/移出 div 时
onmouseover/onmouseout - 当把鼠标指针移入/移出图像时
onmouseover - 将鼠标悬停在图像映射上

点击事件

对 onclick 事件作出反应
onclick - 单击按钮时
ondblclick - 双击文本时

加载事件

onload - 页面加载后
onload - 图像加载后
onerror - 当图像加载时发生错误
onunload - 当浏览器关闭文档时
onresize - 当浏览器窗口大小被调整时

其他

按键的键码是什么？
光标的坐标是什么？
相对于屏幕的光标坐标是什么？
是否按下 shift 键？
发生何种事件类型？

例子解释