zoukankan      html  css  js  c++  java
  • 事件驱动式

    事件驱动式

    1、什么是事件驱动式

    用户的行为(如点击、移动、动作)会被Javascript中的事件所捕获并执行相应的事件处理程序,我们把这个过程就称之为"事件驱动式"。

    <input     type='button'     onclick='display()' />

    2、什么是事件处理程序

    所谓的事件处理程序就是当事件发生时所执行的程序,我们就称之为"事件处理程序"

     

    例1:点击按钮,弹出1个hello world字符串

    例2:点击按钮,弹出2个hello world字符串

    例3:点击按钮,弹出100个hello world字符串

    在上题中,我们把onclick事件发生时所执行的程序都封装在一个display函数中,我们把这个display函数就称之为"事件的处理程序"

    3、常用的Javascript事件

    onLoad :当页面载入完毕后触发,常用于body元素

    onUnload :当页面关闭后触发,常用于body元素

    特别注意:onUnload不能在其内部定义alert方法。

    onBlur :当失去焦点时触发,常用于input元素(判断用户名是否合法或唯一)

    onFocus :当获取焦点时触发,常用于input元素

    onClick :当单击时触发,几乎可以用于任何html元素    

    onMouseOver :当鼠标悬浮时触发

    onMouseOut :当鼠标离开时触发

    onMouseDown :当鼠标左键按下时触发

    onMouseUp :当鼠标左键弹起时触发

    onMouseMove :当鼠标移动时触发(每移动一次触发一次)

    onChange :当状态改变时触发,常用于select下拉选框

    onSelect    :当文本框的文本选中时触发,常用于input元素(了解)

    onkeypress :当键盘点击时触发

    onkeydown :当键盘按下时触发

    特别注意:onkeypress与onkeydown虽然都有按下的含义,但是onkeypress无法捕获键盘上的功能键(如上下左右)

    onkeyup :当键盘弹起时触发(常用于百度下拉搜索)

    onSubmit :当表单提交时触发(常用于form标签)

    onReset    :当表单重置时触发(常用于form标签)

     

    例1:onload事件演示

    例2:onblur与onfocus事件演示

     

    例3:onmouseover与onmouseout事件演示

     

    例4:onchange事件演示

     

    例5:onkeydown与onkeyup演示

    例6:onsubmit演示

  • 相关阅读:
    面试题15 链表中倒数第k个结点
    面试题14 调整数组顺序使奇数位于偶数前面
    面试题13 在O(1)时间删除链表结点
    面试题12 打印1到最大的N位数
    面试题11 数值的整数次方
    面试题10 二进制中1的个数
    面试题9 斐波那契数列
    面试题8 旋转数组的最小数字
    关于神经网络训练的一些建议笔记
    两篇将rf和boosting方法用在搜索排序上的paper
  • 原文地址:https://www.cnblogs.com/nyxd/p/5364386.html
Copyright © 2011-2022 走看看