首页 > 开发 > Javascript > 正文

JavaScript常用事件介绍

2020-02-24 23:44:33
字体:
来源:转载
供稿:网友

JavaScript 事件(常用)

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个onClick 事件来触发某个函数。事件在HTML 页面中定义。

事件举例:

鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

事件三要素

事件源、事件、事件驱动程序。

三句话:获取事件源、绑定事件、书写事件驱动程序。

1.获取事件源:document.getElementById(“box”); 2.绑定事件:  box.onclick = function(){ 程序 }; 3.书写事件驱动程序:以后要学习的关于DOM的操作

行内绑定事件:

onload事件用于body标签控制整个页面(主要用于页面一加载就触发)

a.窗口事件,只在body和frameset元素中才有效

    onload      页面或图片加载完成时     onunload     用户离开页面时

b.表单元素事件,在表单元素中才有效

    onchange     框内容改变时     onsubmit     点击提交按钮时     onreset     重新点击鼠标按键时     onselect     文本被选择时     onblur      元素失去焦点时     onfocus     当元素获取焦点时

c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效

    onkeydown    按下键盘按键时     onkeypress    按下或按住键盘按键时     onkeyup     放开键盘按键时

d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效

    onclick     鼠标点击一个对象时     ondblclick    鼠标双击一个对象时     onmousedown 鼠标被按下时     onmousemove 鼠标被移动时     onmouseout    鼠标离开元素时     onmouseover 鼠标经过元素时     onmouseup    释放鼠标按键时
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表