所谓的Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!
事件句柄

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。

属性此事件发生在何时...IEFOW3Conabort图像的加载被中断。419Yesonblur元素失去焦点。319Yesonchange域的内容被改变。319Yesonclick当用户点击某个对象时调用的事件句柄。319Yesondblclick当用户双击某个对象时调用的事件句柄。419Yesonerror在加载文档或图像时发生错误。419Yesonfocus元素获得焦点。319Yesonkeydown某个键盘按键被按下。31NoYesonkeypress某个键盘按键被按下并松开。319Yesonkeyup某个键盘按键被松开。319Yesonload一张页面或一幅图像完成加载。319Yesonmousedown鼠标按钮被按下。419Yesonmousemove鼠标被移动。319Yesonmouseout鼠标从某元素移开。419Yesonmouseover鼠标移到某元素之上。319Yesonmouseup鼠标按键被松开。419Yesonreset重置按钮被点击。419Yesonresize窗口或框架被重新调整大小。419Yesonselect文本被选中。319Yesonsubmit确认按钮被点击。319Yesonunload用户退出页面。319Yes

下面就各个事件分别介绍

1、onabort 事件

定义和用法
onabort 事件会在图像加载被中断时发生。

当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。

支持该事件的 HTML 标签:

支持该事件的 JavaScript 对象:

image

实例 1

在本例中,如果图像的加载被中断,则会显示一个对话框:

实例 2

在本例中,如果图像的加载中断,我们将调用一个函数:

2、onblur 事件返回 Event 对象参考手册定义和用法onblur 事件会在对象失去焦点时发生。

语法οnblur="SomeJavaScriptCode"参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:, , , , , , ,

,, , , , , , , ,, , , , , to , , ,

调用某个按钮事件_Event 对象之事件句柄 (Event Handlers)相关推荐

  1. JavaScript基础14-day16【事件委派、事件绑定、事件传播、滚轮事件、键盘事件、键盘移动div】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  2. 调用某个按钮事件_高级UI晋升之触摸事件分发机制(一)

    更多Android高级架构进阶视频学习请点击:https://space.bilibili.com/474380680 0. 前言 鉴于安卓分发机制较为复杂,故分为多个层次进行讲解,分别为基础篇.实践 ...

  3. Vue.js-Day01-PM【事件绑定(事件传参、事件对象、传参+获取事件对象)、样式处理操作(模板、事件、属性绑定)、Tab切换(原生js实现、Vue.js实现)、js中的this详解关键字】

    Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目   录 4.事件绑定 4.1.事件绑定(点击.双击.鼠标移动) 点击按钮-最简单的事件绑定(无参函数) 格式 点击按钮 ...

  4. 事件冒泡及阻止事件冒泡 事件的触发 事件参数对象 获取用户按下键盘的键

    事件冒泡及阻止事件冒泡 <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...

  5. JS事件、对象基础篇

    事件对象 event 事件对象兼容处理 事件流 事件冒泡 事件冒泡指具体元素接受事件,然后逐级向上传播事件 阻止事件冒泡 event.stopPropagation() 案例: 下拉菜单 鼠标事件 鼠 ...

  6. DOM对象之事件对象(Object《Event》)

    DOM对象之事件对象(Object<Event>) HTML DOM 事件(DOM Objext:<Event>)允许Javascript在HTML文档元素中注册不同事件处理程 ...

  7. 2020.11.18第十三章 事件(事件处理程序;事件对象;事件类型:UI事件;焦点事件;鼠标与键盘事件 变动事件 模拟事件)

    事件处理程序 html事件处理程序(直接在html中书写script) <!-- //#### 事件处理程序 //html时间程序 可以直接在HTML文件中写,而且还可以引用其他地方的方法和函数 ...

  8. 『前端学习笔记』 JavaScript 事件与对象、DOM与BOM

    参考视频:[极客学院]Web前端开发教学 - 第一部分:H5+CSS+JS 参考文档:JavaScript 教程 W3school 文章目录 DOM对象 HTML DOM 操作HTML 操作CSS E ...

  9. Pyqt学习笔记(1) ----- 创建按钮,并添加单击事件

    Pyqt学习笔记(1) ----- 创建按钮,并添加单击事件 from PyQt5 import QtCore, QtGui, QtWidgets import sys from PyQt5.QtGu ...

最新文章

  1. 青春是如此美好,又怎忍平凡度过
  2. python 中的接口_python中接口
  3. 【Python】值得推荐的12个jupyter lab插件
  4. 使用Hibernate加载或保存图像-MySQL
  5. (转载)mysql查询今天、昨天、7天、近30天、本月、上一月数据
  6. port 执行命令的封装和参数详解
  7. html5修改进度条颜色,如何改变HTML5进度条
  8. python 终止程序代码 多线程_我想问一下,tkinter 做多线程爬虫,让他停止该怎么做 quit 和 exit 都是直接退出程序...
  9. 大智慧专业财务数据服务器文件,大智慧财务数据指标公式
  10. Educode--头歌 《软件工程》实验作业6-软件开发计划
  11. Synchronized 可重入性粒度测试
  12. 苹果个人开发者账号出售_国内苹果企业级开发者账号申请需要多久
  13. 【常见网页排版布局】
  14. JQuery.Gantt(甘特图) 开发指南
  15. 【毕业设计】基于STM32的自动加油站加油系统 -物联网 单片机 嵌入式
  16. win10鼠标不受控制乱动_win10 控制面板在哪里?
  17. 持续更新就是给软件上医保
  18. 纯JS判断iPhone准确机型,iPhone6~iPhoneXs Max
  19. 学习资料分享——java视频教程及电子书免费下载
  20. 计算机生成的精美图形,太震撼啦!!!

热门文章

  1. 计算机网络学习笔记(六)——网络层、虚电路和数据报交换、路由(距离矢量、链路状态算法)、IP编址、网络拥塞控制、网络互联
  2. 真正的高情商,从学会麻烦别人开始
  3. 博弈论:别人的想法(文末送书!)
  4. 入门 | 一文介绍机器学习中基本的数学符号
  5. 为什么琴键要排成等比数列?
  6. 以毒攻毒Fight Fire with Fire: Towards Robust Recommender Systems via Adversarial Poisoning Training论文解读
  7. Unity3d LookAt参数说明
  8. Hbase1.2数据导入2.0
  9. tensorflow2.0学习(一)
  10. 用手机「3D探店」是种什么体验?