JavaScript -- event handler
事件处理器(event handler)机制:当事件发生时,事件处理器将连接到需要执行的事件处理代码。
window对象具有load事件和unload事件,当页面加载完毕时触发load事件,页面卸载(用户关闭浏览器或打开了其他网页)时触发unload事件。
当使用从事件处理器返回的值来决定事件的默认行为是否执行或者取消。如一个超链接的onclick事件处理器返回值为false,则超链接默认的导航功能将被取消,同样如果form对象的onsubmit数据处理器,如果onsubmit数据处理器的返回值为true时,表单提交到指定服务器;如果返回值为false,表单提交被取消,这个功能非常适合进行数据检测是否有效。
表单控件元素,位于<form>标记中。大部分控件元素都是<input>标记创建。
name属性的值来引用指定的表单控件元素,它会随着表单元素的值一起发送到服务器,告知值是哪个表单控件的值。
所有的表单元素对象都有focus()和blur()方法,如获得焦点时,我们可以输入数据。一个命令按钮获得了焦点,我们可以按enter触发onclick事件。比如你输入错误,使用focus()方法,我们可以重返文本框。
与focus()/blur()对应,表单对象还有onfocus/onblure事件处理器。但一个表单对象获得输入焦点时,将触发onfocus事件。当对象失去焦点是触发onblur事件处理器,所以它非常适合进行表单元素对象中数据进行检查,如果无效我们就可以把输入焦点重设回该表单对象。
onmouseup/onmousedown怎么感觉跟onclick一样呢?如果是针对button而言,它不是说鼠标在它上面就触发onmouseup,而是必须在上面点击才会触发。但是有一种情况是,你在该表单外面按着鼠标左键不松开,然后拖着到表单上,它不会触发onmouseup,因为它实际上触发的是body的onmouseup操作。
文本框:
select()方法,选中文本框中的文本
onselect() 当用户选择文本框中的文本时,将会触发
onchange() 当且仅当文本档失去焦点时的值与获得焦点时的值不同时,才会触发。同样用于检验文本框的值是否有效。
现在我们已经知道具体都支持什么事件了,然后我们要做的就是对这些事件进行需要时定义。
radio 单选框,组中的单选按钮名称都是相同的。
checkbox 复选框
select 下拉列表框,如果想选择多项的话,只需设置multiple,只在select中设置name项,它下面的option只有value和显示出来的值情况。
JavaScript -- event handler相关推荐
- 给Event handler传递动态参数
有段时间没写些东西了......参加工作大半年 感觉是收获不小啊 新年以致 在这里我想真心的祝福所有园友 所有有梦想的人 新的一年技术更牛X 身体棒棒 职业发展更上一层 好了 回过来讲主要内容. 在j ...
- 一步一步SharePoint 2007之三十一:实现文档Event Handler(3)——附加Handler程序
下面将记录每一步的操作过程. 1.首先打开我的网站,依次点击Document Center.Documents,进入Documents列表页面. 2.在Documents列表界面中点击Settings ...
- Electron中提示:Refused to execute inline event handler because it violates
场景 在Electron中点击index.html中的button按钮时想要其触发renderer.js的方法. 在index.html中 <button onclick="getPr ...
- chrome浏览器中遇到bug【Error in event handler: TypeError: Cannot read property 'name' of undefined】
报错信息: Error in event handler: TypeError: Cannot read property 'name' of undefinedat f (chrome-extens ...
- javascript event详解
event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromEleme ...
- Cannot maintain customer-spec. event handler registration in SAP system
Created by Jerry Wang, last modified on Aug 18, 2014 在SPRO里维护event handler时遇到如下information message: ...
- SAP CRM和Cloud for Customer中的Event handler(事件处理器)
SAP CRM可以在开发工具中用右键直接创建一个新的事件处理器: 这些事件处理器实际上就是UI控制器(Controller)上具有特定接口类型的方法. C4C UI的event handler 在C4 ...
- webrtc之onicecandidate的 event handler的一点疑惑
// 监听的ICE候选人信息变动,如果收集到,就添加给对方async onicecandidate() {//var _this = this;this.peerStudent.onicecandid ...
- SharePoint中添加或者修改Item时调用EventReceiver(Event Handler)处理额外的逻辑
SharePoint中添加或者修改Item时调用EventReceiver(Event Handler)处理额外的逻辑.取名:EricSunArticlesListItemEventReceiver ...
最新文章
- TB级微服务海量日志监控平台
- web前端网页设计作业_网页前端设计快速入门技巧
- 简单的前端上传图片代码
- zuul转发的一些常见异常
- 看完师兄的代码笔记,我失眠了
- 在线2-36任意进制转换工具
- vmoptions默认配置_idea VM options参数优化
- 信息系统项目管理师快速记忆口诀
- 文章图片配色怎么选?
- 我们软件开发常用的协作工具
- 在单个虚拟机中搭建DPDK测试环境
- もし私はあなたの恋人(1)作者xuanyang
- 数据结构(本科学习)
- c语言编写步进电机步数程序6,单片机步进电机程序问题
- 网络虚拟(包括overlay、underlay介绍)
- 【裸金属服务器】安装VMware ESXi
- 使用live555客户端源码遇到的问题及解决方法
- VR消防灭火模拟训练系统
- Android开源的精美日历控件,热插拔设计的万能自定义UI
- 精简70%、内存不到1G,可以装在显卡上的Win11来了