- 1、本文档共45页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
(window对象和函数对象)
单击事件举例 可以通过下面的按钮激活change()函数 在onClick等号后,可以使用自己编写的函数作为事件处理程序,也可以使用JavaScript的内部函数,还可以直接使用JavaScript的代码等。 form input type=button value= onClick=change() /form 直接写事件执行语句 … input type=button value=请单击 onClick=alert(谢谢你的填写...) … 查看源码 改变事件onChange 运行条件:当一个text或textarea域失去焦点并更改值时触发 onChange事件,当select下拉选项中的一个选项 状态改变后也会引发该事件。 下面的例子在文本框的内容改变后,将弹出一个显示“内容即将改变!”的对话框: form input type=text name=Test value=Test onChange=alert(内容即将改变!) /form 事件适用对象fileUpload、select、text、textarea。 改变时间示例 将内容改成“Test1”后将鼠标拖走,即弹出对话框。 页面运行后在文本框中输入内容,即内容发生改变, 然后将光标移开或者拖走鼠标,就会引发onChange事件 选中事件onSelect 选中文本框中的内容后 就会弹出对话框 form input type=text name=Test value=Test onSelect=alert(内容已被选中!) /form 当text或textarea对象中的文字 被选中后(文字高亮显示),引发该事件。 获得焦点事件onFocus 当用户单击text或textarea以及select对象时,产生该事件。 获得焦点,弹出对话框 该事件适用对象:button,checkbox,fileUpload,layer password,radio,reset,select, submit,text,textarea,window。 input type=textarea value= name=valueField onFocus=alert(已经获得焦点!) 失去焦点onBlur 当text对象或textarea对象以及select对象不再拥有焦点时,引发该事件,onBlur事件与onFocus事件是一个对应的关系。 该事件适用对象:button,checkbox,fileUpload,layer, password,radio,reset,select, submit,text,textarea,window。 失去焦点的例子 运行后,文本框获得焦点后的页面显示效果如图所示: body bgColor=lightgrey form input type=text onFocus=document.bgColor=red onBlur=document.bgColor=white /form /body 查看源码 载入文件onLoad 当文件载入时,产生该事件 script function show() { var str=建议浏览器的分辨率:800x600; alert(str); } /script body onload=show(); 文档打开时,弹出 “建议浏览器的分辨率:800x600”的对话框。 鼠标指示事件onMouseOver 事件适用对象:layer,link。 当鼠标指到文字“Click me”上时,将在状态栏显示提示文字“Click this if you dare!” a href=/ onMouseOver=window.status=Click this if you dare!; return true Click me /a 当鼠标指到相应的位置时引发的事件 查看源码 提交事件onSubmit 在点击“提交”按钮后,将引发onSubmit事件,从而弹出提示对话框 form onSubmit=alert(你确认提交吗?) input type=text name=txt value=测试文本
文档评论(0)