首页 > 软件开发 > JavaScript >

事件编程Javascript

来源:互联网 2023-03-16 23:57:17 96

事件编程Javascript9FQ办公区 - 实用经验教程分享!

工具/原料

  • Javascript

方法/步骤

  • 1

    1.用户的行为(点击、移动等)会被Javascript事件所捕获,并执行相应的事件处理程序,我们把这个过程就称之为“事件驱动式”。9FQ办公区 - 实用经验教程分享!

    9FQ办公区 - 实用经验教程分享!

    input type=’button’ onclick=’display()’ value=’点击’ />9FQ办公区 - 实用经验教程分享!

    事件的处理程序9FQ办公区 - 实用经验教程分享!

    当Javascript事件发生时,所执行的相关程序,我们就称之为“事件的处理程序”。9FQ办公区 - 实用经验教程分享!

    9FQ办公区 - 实用经验教程分享!

    例1:点击按钮,弹出一个hello语句9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 2

    2.例2:点击按钮,弹出两个hello语句9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 3

    3.例3:点击按钮,弹出100个hello语句9FQ办公区 - 实用经验教程分享!

    当Javascript中的onclick事件发生时,系统会自动触发display函数,在这个程序中,display函数就是onclick事件的事件处理程序。9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 4

    4.常用Javascript事件9FQ办公区 - 实用经验教程分享!

    •onLoad:当页面加载完毕后触发,常用于body元素9FQ办公区 - 实用经验教程分享!

    •onUnload:当页面关闭后触发,常用于body元素9FQ办公区 - 实用经验教程分享!

    •onBlur :当失去焦点时触发,常用于input表单元素9FQ办公区 - 实用经验教程分享!

    •onFocus:当获得焦点时触发,常用于input表单元素9FQ办公区 - 实用经验教程分享!

    •onClick :当点击时触发,可以用于任何元素9FQ办公区 - 实用经验教程分享!

    •onMouseOver:当鼠标悬浮时触发9FQ办公区 - 实用经验教程分享!

    •onMouseOut:当鼠标离开时触发9FQ办公区 - 实用经验教程分享!

    •onMouseDown:当鼠标按下时触发9FQ办公区 - 实用经验教程分享!

    •onMouseUp:当鼠标弹起时触发9FQ办公区 - 实用经验教程分享!

    •onMouseMove:当鼠标移动时触发9FQ办公区 - 实用经验教程分享!

    •onChange :当状态改变时触发,常用于select下拉选框9FQ办公区 - 实用经验教程分享!

    •onSelect :当文本框中的文本选中时触发9FQ办公区 - 实用经验教程分享!

    •onkeypress :当键盘按下时触发(要快于onkeydown)9FQ办公区 - 实用经验教程分享!

    •onkeydown:当键盘按下时触发(可能捕获功能键,如上下左右)9FQ办公区 - 实用经验教程分享!

    •onkeyup :当键盘弹起时触发9FQ办公区 - 实用经验教程分享!

    •onSubmit :当表单提交时触发,常用于form表单元素9FQ办公区 - 实用经验教程分享!

    •onReset:当表单重置时触发,常用于form表单元素9FQ办公区 - 实用经验教程分享!

    9FQ办公区 - 实用经验教程分享!

    例1:onload与onunload方法9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 5

    5.例2:onblur与onfocus事件9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 6

    6.例3:onmouseover与onmouseout事件9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 7

    7.例4:onchange方法9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 8

    8.例5:onsubmit方法9FQ办公区 - 实用经验教程分享!

    事件编程Javascript9FQ办公区 - 实用经验教程分享!

  • 注意事项

    • 特别注意:onunload事件,其实其在所有浏览器中都是可以正常触发的,但是有些浏览器(如IE9以后高版本浏览器、Firefox、Google等浏览器,其默认是不允许设置弹出语句的,所以请特别注意)。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9FQ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT编程语言编程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码