位置: 编程技术 - 正文

JavaScript中的事件处理

编辑:rootadmin
事件处理概述    事件处理是对象化编程的一个很重要的环节,没有了事件处理,程序就会变得很死,缺乏灵活性。事件处理的过程可以这样表示:发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中,要使事件处理程序能够启动,必须先告诉对象,如果发生了什么事情,要启动什么处理程序,否则这个流程就不能进行下去。事件的处理程序可以是任意 JavaScript 语句,但是我们一般用特定的自定义函数(function)来处理事情。 指定事件处理程序有三种方法: 方法一 直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是: <标记 ... ... 事件="事件处理程序" [事件="事件处理程序" ...]> 让我们来看看例子: <body ... onload="alert('网页读取完成,请慢慢欣赏!')" onunload="alert('再见!')"> 这样的定义<body>标记,能使文档读取完毕的时候弹出一个对话框,写着“网页读取完成,请慢慢欣赏”;在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候弹出“再见”。 方法二 编写特定对象特定事件的 JavaScript。这种方法用得比较少,但是在某些场合还是很好用的。方法是: <script language="JavaScript" for="对象" event="事件"> ... (事件处理程序代码) ... </script> <script language="JavaScript" for="window" event="onload"> alert('网页读取完成,请慢慢欣赏!'); </script> 方法三 在 JavaScript 中说明。方法: <事件主角 - 对象>.<事件> = <事件处理程序>; 用这种方法要注意的是,“事件处理程序”是真正的代码,而不是字符串形式的代码。如果事件处理程序是一个自定义函数,如无使用参数的需要,就不要加“()”。 function ignoreError() { return true; } window.onerror = ignoreError; // 没有使用“()” 这个例子将 ignoreError() 函数定义为 window 对象的 onerror 事件的处理程序。它的效果是忽略该 window 对象下任何错误(由引用不允许访问的 location 对象产生的“没有权限”错误是不能忽略的)。 事件详解 onblur 事件 发生在窗口失去焦点的时候。应用于:window 对象 onchange 事件 发生在文本输入区的内容被更改,然后焦点从文本输入区移走之后。捕捉此事件主要用于实时检测输入的有效性,或者立刻改变文档内容。应用于:Password 对象;Select 对象;Text 对象;Textarea 对象 onclick 事件 发生在对象被单击的时候。单击是指鼠标停留在对象上,按下鼠标键,没有移动鼠标而放开鼠标键这一个完整的过程。一个普通按钮对象(Button)通常会有 onclick 事件处理程序,因为这种对象根本不能从用户那里得到任何信息,没有 onclick 事件处理程序就等于废柴。按钮上添加 onclick 事件处理程序,可以模拟“另一个提交按钮”,方法是:在事件处理程序中更改表单的 action, target, encoding, method 等一个或几个属性,然后调用表单的 submit() 方法。在 Link 对象的 onclick 事件处理程序中返回 false 值(return false),能阻止浏览器打开此连接。即,如果有一个这样的连接:<a href=" onclick="return false">Go!</a>,那么无论用户怎样点击,都不会去到 www.a.com 网站,除非用户禁止浏览器运行 JavaScript。应用于:Button 对象;Checkbox 对象;Image 对象;Link 对象;Radio 对象;Reset 对象;Submit 对象 onerror 事件 发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler),用来处理错误。上边已经介绍过,要忽略一切错误,就使用: function ignoreError() { return true; } window.onerror = ignoreError; 应用于:window 对象 onfocus 事件 发生在窗口得到焦点的时候。应用于:window 对象 onload 事件 发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件,而且包含的图片,插件,控件,小程序等全部内容都下载完毕。本事件是 window 的事件,但是在 HTML 中指定事件处理程序的时候,我们是把它写在<body>标记中的。应用于:window 对象 onmousedown 事件 发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onmouseup 事件。应用于:Button 对象;Link 对象 onmouseout 事件 发生在鼠标离开对象的时候。参考 onmouseover 事件。应用于:Link 对象 onmouseover 事件 发生在鼠标进入对象范围的时候。这个事件和 onmouseout 事件,再加上图片的预读,就可以做到当鼠标移到图像连接上,图像更改的效果了。有时我们看到,在指向一个连接时,状态栏上不显示地址,而显示其它的资料,看起来这些资料是可以随时更改的。它们是这样做出来的: <a href="..." onmouseover="window.status='Click Me Please!'; return true;" onmouseout="window.status=''; return true;"> 应用于:Link 对象 onmouseup 事件 发生在用户把鼠标放在对象上鼠标键被按下的情况下,放开鼠标键的时候。如果按下鼠标键的时候,鼠标并不在放开鼠标的对象上,则本事件不会发生。应用于:Button 对象;Link 对象 onreset 事件 发生在表单的“重置”按钮被单击(按下并放开)的时候。通过在事件处理程序中返回 false 值(return false)可以阻止表单重置。应用于:Form 对象 onresize 事件 发生在窗口被调整大小的时候。应用于:window 对象 onsubmit 事件 发生在表单的“提交”按钮被单击(按下并放开)的时候。可以使用该事件来验证表单的有效性。通过在事件处理程序中返回 false 值(return false)可以阻止表单提交。应用于:Form 对象 onunload 事件 发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到<body>标记里。  有的 Web Masters 用这个方法来弹出“调查表单”,以“强迫”来者填写;有的就弹出广告窗口,唆使来者点击连接。我觉得这种“onunload="open..."”的方法很不好,有时甚至会因为弹出太多窗口而导致资源缺乏。有什么对来者说就应该在网页上说完,不对吗? 应用于:window 对象

推荐整理分享JavaScript中的事件处理,希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript中的事件处理

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript中的对象化编程 关于对象化编程的语句现在我们有实力学习以下关于对象化编程,但其实属于上一章的内容了。with语句为一个或一组语句指定默认对象。用法:with(对

JavaScript框架编程第1/2页 使用JavaScript框架在讲述window对象的时候,我们提到过,一个框架内的网页也是window对象,也就是说,Frame对象也是window对象。用最容易理解的话说,每

JavaScript的Cookies 使用Cookies我们已经知道,在document对象中有一个cookie属性。但是Cookie又是什么?某些Web站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件

标签: JavaScript中的事件处理

本文链接地址:https://www.jiuchutong.com/biancheng/383985.html 转载请保留说明!

上一篇:JavaScript中的其他对象(js中!)

下一篇:JavaScript中的对象化编程(javascript中的对象用于)

  • 发票名称开错了但是税号没错怎么办
  • 销售货物提供运输是否分别核酸的例题
  • 餐厅打包盒算不算商品
  • 建筑业跨区域预缴增值税
  • 会计中级工作年限查得严么
  • 付款后发票可以抵扣吗
  • 进项和销项必须在一个月吗
  • 简易征收开出去的票可以抵扣吗
  • 外经证到期如何填写最新有效期限
  • 租赁合同交税一般交多少钱
  • 商业汇票的存款期限
  • 基本户收到零余额转款怎么做分录
  • 财务费用汇兑损益是什么意思
  • 个人债务转成股份
  • 忘了作废的发票能补开吗
  • 公司拍摄产品的文案
  • 跨年发票作废时间有限制吗
  • 劳务公司民工工资可以抵进项吗
  • 厂房进项抵扣
  • 单位会计需要去税务局实名认证吗?
  • 保安公司增值服务
  • 无形资产摊销可以按照其价值和使用情况
  • 增值税专用发票校验码是哪个位置
  • 电子发票无法预览怎么弄
  • 取得交易性金融资产发生的交易费用
  • 核定征收个体户怎么报税
  • 未做账务处理
  • win11系统开机密码设置
  • 给子公司开票 总公司付款
  • 其他业务支出包括的内容
  • 甲方工程扣款如何处理
  • 所得税和应交所得税
  • 半月湾在哪
  • 数据库olap
  • php中imagecreatefromjpeg
  • thinkphp assign函数
  • 前端调用后端代码
  • php实现留言板功能
  • php去除字符串中的引号
  • 深入理解php中的数字
  • 增值税注明的价款是含税还是不含税
  • vmware vmtools
  • php7 nginx
  • 公司员工餐费会计分录
  • 合并报表为什么要抵消子公司所有者权益
  • 现金流量表本年累计金额怎么算
  • 出租的厂房折旧记哪里
  • 进货该怎么进
  • 发票上的抵扣联抵扣联是什么意思
  • 不入库存商品直接走成本会怎样
  • 通过创建SQLServer 2005到 Oracle10g 的链接服务器实现异构数据库数据转换方案
  • 商业企业如何建账
  • 其他应收款财务报表取数
  • 成本类科目会结转到损益类科目吗?
  • 账面价值大于计税基础是调增还是调减
  • 政府补助怎么记账
  • 收到合同后的整个流程
  • 合同履约成本的会计分录
  • 总公司与分公司的关系
  • 事业单位职工福利费使用范围和标准
  • mysql图形
  • mysql数据库迁移到达梦
  • Sqlserver timestamp数据类使用介绍
  • windows任务管理器怎么打开
  • 电脑更新windows11后开机一黑屏
  • LINUX系统管理员维护招聘
  • win7系统卡慢怎么修复
  • wps文字打印不清楚怎么办
  • win10拖动窗口快捷键
  • win7任务栏怎么全部显示出来
  • win8使用教程和技能
  • unable to instantiate default
  • threejs入门教程
  • 退发票操作流程
  • 厦门市地方税务局市稽查局关于规范稽查有关规定
  • 设立新的机构或开办新的业务
  • 石狮纳税企业排名
  • 上海微电子现状
  • 重庆税务自助取票地点
  • 生产企业出口退税账务处理会计分录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设