位置: 编程技术 - 正文

JavaScript入门教程(11) js事件处理(javascript初级教程)

编辑:rootadmin
事件处理概述   事件处理是对象化编程的一个很重要的环节,没有了事件处理,程序就会变得很死,缺乏灵活性。事件处理的过程可以这样表示:发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中,要使事件处理程序能够启动,必须先告诉对象,如果发生了什么事情,要启动什么处理程序,否则这个流程就不能进行下去。事件的处理程序可以是任意 JavaScript 语句,但是我们一般用特定的自定义函数(function)来处理事情。指定事件处理程序有三种方法:方法一 直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是: 让我们来看看例子: 这样的定义<body>标记,能使文档读取完毕的时候弹出一个对话框,写着“网页读取完成,请慢慢欣赏”;在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候弹出“再见”。方法二 编写特定对象特定事件的 JavaScript。这种方法用得比较少,但是在某些场合还是很好用的。方法是: 方法三 在 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),用来处理错误。上边已经介绍过,要忽略一切错误,就使用: 应用于: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入门教程(11) js事件处理(javascript初级教程),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript入门教程(11) js事件处理(javascript初级教程)

文章相关热门搜索词:javascript基础入门视频教程,JavaScript入门教程,javascript基础入门视频教程,JavaScript入门教程(非常详细),javascript初级教程,JavaScript入门教程(非常详细),javascript入门教材,javascript入门教学,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript入门教程() js对象化编程 with语句为一个或一组语句指定默认对象。用法:with(对象)语句;with语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意Math的重复使

JavaScript入门教程 Cookies 某些Web站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为Cookie。——MSIE帮助。一般来说,Cookies是CGI或类似,比HTML高级的文件、程

javascript 学习之旅 (1) 第1章JavaScript简史。没什么好记的,简单的介绍了js的起源,浏览器之间的冲突等等。第2章JavaScript语法。值得注意的是:(1)字符串放在单引号或双引号

标签: javascript初级教程

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

上一篇:JavaScript入门教程(10) 认识其他对象(javascript入门教学)

下一篇:JavaScript入门教程(12) js对象化编程(JavaScript入门教程)

  • 施工企业的临时设施,属于企业的固定资产
  • 不得从销项税中抵扣的进项税大白话
  • 消费税征收范围包括
  • 继续教育报名发什么文件
  • 餐饮费入什么科目
  • 个人所得税年度汇算时间
  • 建筑工程机械服务有限公司企业
  • 电子税务局财务报表在哪里查询
  • 非房产企业出售不动产需要缴纳增值税吗
  • 银行承兑汇票背书可以拆分
  • 新会计准则下接会计科目
  • 已提足折旧的固定资产残值怎么处理
  • 税控设备全额抵扣政策
  • 非本单位费用列支 违反
  • 客户退货不退款会计怎么处理
  • 企业关闭股东拿回投资款需要交税吗
  • 海关进口增值税计算公式
  • 销售返利的税务政策
  • 增值税发票委托公司开具
  • 企业为什么会成为非正常户
  • 单独计价入账的土地是固定资产吗
  • 在建工程完工,并当日签订出租协议的会计分录
  • 公户没有开票进账了可以吗
  • 金蝶现金流量表附表项目如何指定
  • 报销抵扣联和发票联都需要吗
  • 公司用无形资产投资需要交税吗
  • 工程款中包含增值税怎么处理
  • 如果在XP系统中QQ音乐听不了怎么办?
  • 贷款逾期了利息和罚息可以不还吗
  • 在windows7中桌面指的是全部窗口
  • ati2mdxx.exe是什么进程 ati2mdxx进程信息查询
  • PHP:Memcached::getAllKeys()的用法_Memcached类
  • 特许权使用费属于销售收入吗
  • php数组统计函数
  • 增值税发票怎么抵税
  • 分次发放年终奖怎么做账
  • 工业企业成本核算会计分录
  • nginx静态文件服务器
  • spring 异常
  • 无形资产使用寿命的复核
  • 所有者权益变动表范本
  • 北极光的征兆
  • vue插槽有什么作用
  • add files to archive
  • 固定资产一次性折旧政策2023
  • yolov5训练自己的模型配置到单片机
  • 考到二本
  • gbdrt
  • yii框架入门
  • 时间格式转换成小时数
  • 小规模企业所得税优惠政策最新2022
  • 汽车4s店,厂家返修
  • 凭样品销售
  • python深入浅出
  • 其他应付款二级明细科目有哪些
  • 存货跌价准备的账务处理
  • mysql存储过程查看权限
  • 同控和非同控的企业合并的分录
  • 企业破产作用
  • 其他应付款做账
  • 一般纳税人固定资产处置税率
  • 企业购买二手车计提折旧年限
  • 坏账收回所得税需要确认收入吗汇算清缴表如何填报
  • 什么是递延所得税资产
  • 会计凭证装订的心得体会
  • record关键字
  • 删除数据库重复
  • ubuntu16.04英文版安装教程
  • linux忘记root密码怎么办
  • winkey.exe - winkey是什么进程
  • win7把声音设备禁用了怎么要回来
  • windows8桌面设置
  • 测试模式win8专业版 9200
  • Android 执行油猴脚本
  • shell脚本怎么导出
  • android 加载大量图片
  • 安卓桌面照片插件
  • android开发框架
  • 南京税务服务热线
  • 异地可以打印银行清单吗?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设