JavaScript是基于对象的脚本语言,它的一个最基本的特征就是采用事件鼎动。如,当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时,都可以设置相应的JavaScript事件来完成某些特殊效果。下面,将对JavaScript中的常用事件进行详细讲解。
10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站设计后付款的网站建设流程,更有民权免费网站建设让你可以放心的选择与我们合作。
鼠标事件是指通过鼠标动作触发的事件,鼠标事件有很多,下面列举几个常用的鼠标事件,如表所示。
类别 |
事件 |
事件说明 |
鼠标事件 |
onclick |
鼠标单击时触发此事件 |
ondblclick |
鼠标双击时触发此事件 | |
onmousedown |
鼠标按下时触发此事件 | |
onmouseup |
鼠标弹起时触发的事件 | |
onmouseover |
鼠标移动到某个设置了此事件的元素上时触发此事件 | |
onmousemove |
鼠标移动时触发此事件 | |
onmouseout |
鼠标从某个设置了此事件的元素上离开时触发此事件 |
键盘事件是指用户在使用键盘时触发的事件。例如,用户按【Esc】键关闭打开的状态栏,按【Enter】键直接完成光标的上下切换等。下面列举几个常用的键盘事件,如表15-16所示。
表15-16 JavaScript中常用的键盘事件
类别 |
事件 |
事件说明 |
键盘事件 |
onkeydown |
当键盘上的某个按键被按下时触发此事件 |
onkeyup |
当键盘上的某个按键被按下后弹起时触发此事件 | |
onkeypress |
当输入有效的字符按键时触发此事件 |
表单事件是指对Web表单操作时发生的事件。例如,表单提交前对表单的验证,表单重置时的确认操作等。下面列举几个常用的表单事件,如表15-17所示。
表15-17 JavaScript中常用的表单事件
类别 |
事件 |
事件说明 |
表单事件 |
onblur |
当前元素失去焦点时触发此事件 |
onchange |
当前元素失去焦点并且元素内容发生改变时触发此事件 | |
onfocus |
当某个元素获得焦点时触发此事件 | |
onreset |
当表单被重置时触发此事件 | |
onsubmit |
当表单被提交时触发此事件 |
在项目开发中,经常需要JavaScript对网页中的DOM元素进行操作,而页面的加载又是按照代码的编写顺序,从上到下依次执行的。因此,若在页面还未加载完成的情况下,就使用JavaScript操作DOM元素,会出现语法错误,例如下面的示例代码:
在上述代码中,第2行代码利用getElementByldO获取id为demo的元素,并为其添加击”弹框;第6行代码定义了一个用于单击的按钮。当用户单击按钮时,页面就会弹出一个提示框。
分享题目:JavaScript中常用事件有哪些?
标题链接:http://www.36103.cn/qtweb/news35/21085.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联