`
songylwq
  • 浏览: 126980 次
  • 性别: Icon_minigender_1
  • 来自: 济南
文章分类
社区版块
存档分类
最新评论

JS 页面控件的操作、以及页面在一段时间内不操作就跳转、页面事件列表

 
阅读更多

(一)页面中的JS代码加载执行的方法有:

1.在<body>标签中加入onLoad方法:

<body onload="方法名()">

2.在JS代码块中加入:

(二)对键盘鼠标的监控:

在页面中采用:

或是:

*应用实例:

对于页面一段时间不操作,将进行跳转

一般事件
事件 浏览器支持 描述
onClick HTML: 2|3|3.2|4
Browser: IE3|N2|O3
鼠标点击事件,多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2|3|3.2|4
Browser:IE4|N4|O
鼠标双击事件
onMouseDown HTML: 2|3|3.2|4
Browser:IE4|N4|O
鼠标上的按钮被按下了
onMouseUp HTML: 2|3|3.2|4
Browser:IE4|N4|O
鼠标按下后,松开时激发的事件
onMouseOver HTML: 2|3|3.2|4
Browser:IE3|N2|O3
当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2|3|3.2|4
Browser:IE4|N4|O
鼠标移动时触发的事件
onMouseOut HTML: 2|3|3.2|4
Browser:IE4|N3|O3
当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2|3|3.2|4
Browser:IE4|N4|O
当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2|3|3.2|4
Browser:IE4|N4|O
当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2|3|3.2|4
Browser:IE4|N4|O
当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2|3|3.2|4
Browser:IE4|N3|O
图片在下载时被用户中断
onBeforeUnload HTML: 2|3|3.2|4
Browser:IE4|N|O
当前页面的内容将要被改变时触发的事件
onError HTML: 2|3|3.2|4
Browser:IE4|N3|O
捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误
onLoad HTML: 2|3|3.2|4
Browser:IE3|N2|O3
页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove HTML: 2|3|3.2|4
Browser:IE|N4|O
浏览器的窗口被移动时触发的事件
onResize HTML: 2|3|3.2|4
Browser:IE4|N4|O
当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2|3|3.2|4
Browser:IE4|N|O
浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2|3|3.2|4
Browser:IE5|N|O
浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2|3|3.2|4
Browser:IE3|N2|O3
当前页面将被改变时触发的事件
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2|3|3.2|4
Browser:IE3|N2|O3
当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2|3|3.2|4
Browser:IE3|N2|O3
当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2|3|3.2|4
Browser:IE3|N2|O3
当某个元素获得焦点时触发的事件
onReset HTML: 2|3|3.2|4
Browser:IE4|N3|O3
当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2|3|3.2|4
Browser:IE3|N2|O3
一个表单被递交时触发的事件
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2|3|3.2|4
Browser:IE4|N|O
在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2|3|3.2|4
Browser:IE4|N|O
当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2|3|3.2|4
Browser:IE4|N|O
当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2|3|3.2|4
Browser:IE5|N|O
当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2|3|3.2|4
Browser:IE5|N|O
当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2|3|3.2|4
Browser:IE5|N|O
当前元素将要进入编辑状态
onBeforePaste HTML: 2|3|3.2|4
Browser:IE5|N|O
内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2|3|3.2|4
Browser:IE5|N|O
当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2|3|3.2|4
Browser:IE5|N|O
当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2|3|3.2|4
Browser:IE5|N|O
当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2|3|3.2|4
Browser:IE5|N|O
当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2|3|3.2|4
Browser:IE5|N|O
当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2|3|3.2|4
Browser:IE|N4|O
一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2|3|3.2|4
Browser:IE5|N|O
当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter HTML: 2|3|3.2|4
Browser:IE5|N|O
当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2|3|3.2|4
Browser:IE5|N|O
当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2|3|3.2|4
Browser:IE5|N|O
当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2|3|3.2|4
Browser:IE4|N|O
当某对象将被拖动时触发的事件
onDrop HTML: 2|3|3.2|4
Browser:IE5|N|O
在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture HTML: 2|3|3.2|4
Browser:IE5|N|O
当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2|3|3.2|4
Browser:IE5|N|O
当内容被粘贴时触发的事件
onSelect HTML: 2|3|3.2|4
Browser:IE4|N|O
当文本内容被选择时的事件
onSelectStart HTML: 2|3|3.2|4
Browser:IE4|N|O
当文本内容选择将开始发生时触发的事件
数据绑定
事件 浏览器支持 描述
onAfterUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O
当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2|3|3.2|4
Browser:IE5|N|O
当数据来源发生变化时
onDataAvailable HTML: 2|3|3.2|4
Browser:IE4|N|O
当数据接收完成时触发事件
onDatasetChanged HTML: 2|3|3.2|4
Browser:IE4|N|O
数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2|3|3.2|4
Browser:IE4|N|O
当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2|3|3.2|4
Browser:IE4|N|O
当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter HTML: 2|3|3.2|4
Browser:IE5|N|O
当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2|3|3.2|4
Browser:IE5|N|O
当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2|3|3.2|4
Browser:IE5|N|O
当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2|3|3.2|4
Browser:IE5|N|O
当前数据源将要插入新数据记录时触发的事件
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2|3|3.2|4
Browser:IE5|N|O
当文档被打印后触发的事件
onBeforePrint HTML: 2|3|3.2|4
Browser:IE5|N|O
当文档即将打印时触发的事件
onFilterChange HTML: 2|3|3.2|4
Browser:IE4|N|O
当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2|3|3.2|4
Browser:IE4|N|O
当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2|3|3.2|4
Browser:IE5|N|O
当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2|3|3.2|4
Browser:IE4|N|O
当对象的初始化属性值发生变化时触发的事件

分享到:
评论

相关推荐

    程序天下:JavaScript实例自学手册

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    《程序天下:JavaScript实例自学手册》光盘源码

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    其中使用Struts作为系统的整体基础架构,负责MVC的分离,在Struts框架的模型部分,控制业务跳转,利用Hibernate框架对持久层提供支持,Spring做管理,管理Struts和Hibernate。 WebStorage HTML新增的本地存储解决...

    jQuery实现ajax无刷新分页页码控件

    这段时间在做公司项目的时候需要用到ajax进行分页(点击页码也是无刷新的显示上一页或下一页的内容,不是一般的选择跳转),但是在网上找了一下,大部分分页插件都是直接刷新跳转的,感觉和我的需求差距比较大,就...

    asoft签到管理系统tykq3.5_build20110125

    签到签退缓冲:为了人性化的进行签到、签退操作,在签到、签退时间点前后设定的缓冲时间,在缓冲时间内进行签到签退都是合法的,不会被记录为迟到或者早退。例如,系统设定8:50签到,同时设定签到点前缓冲为10分钟...

    asp.net知识库

    页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置? 如何保证页面刷新后的滚动条位置 清除网页历史记录,屏蔽后退按钮! 如何传值在2个页面之间 :要求不刷新父页面,并且不能用Querystring传值 Asp...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    在规定时间内跳转.html 在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动.html 如何设定打开页面的大小.html 屏蔽功能键Shift,Alt,Ctr.html 屏蔽鼠标右键.html 怎么判断是否是字符.html 怎样让表单...

    html入门到放弃笔记

    这是一段包含 ,粗体,斜体,下划线,删除线,上标,下标的文本内容 将以上文本内,对应文字的特殊效果,用标记体现出来 3、标题元素 以 醒目 的方式表现出文本 语法: 一级标题 二级标题 三级标题 四级...

    PHP程序开发范例宝典III

    让你短时间内由一名菜鸟到高手绝对没问题! 由于权限有限,分3部份下载 PHP程序开发范例宝典 内容提要 《PHP程序开发范例宝典》全面介绍了应用PHP进行网站开发的各种技术和技巧。《PHP程序开发范例宝典》分为20章...

    《javaScrip开发技术大全》源代码

    • sample19.htm 一段错误的JavaScript代码(调试用) 第3章(\代码\第03章) • sample01.htm 转换成数字型 第4章(\代码\第04章) • sample01.htm 字符串直接量 • sample02....

    精易模块[源码] V5.15

    6、修正“窗口_枚举所有子窗口”当过滤类名输入空符号或一段空文本后无法枚举的BUG,感谢易友【vibu】反馈. 7、改名“编码_Ansi到十进制_文本”源作者重新改名为“编码_Ansi到ASCII_文本型”。 8、字节集_还原,新版...

    wxBlog:微信小程序版博客。可以实现点赞,收藏,评论回复,消息通知等。(微信搜索:jarry007)

    版本v1.1 (05/17)修复个人界面点击获取头像按钮无法显示头像BUG解决分享之后打开页面路径不对的问题修复下拉后无法自动收回的问题在一些操作事件中加入短震动(iphone7及以上,部分安卓)反馈内容直接发送到作者邮箱...

Global site tag (gtag.js) - Google Analytics