JS事件
事件 / 描述
onblur 事件发生在窗口失去焦点的时候。
onchange 事件发生在文本输入区的内容被更改,然后焦点从文本输入区移走之后。onclick 事件发生在对象被单击的时候。
onerror 事件发生在错误发生的时候。
onfocus 事件发生在窗口得到焦点的时候。
onload 事件发生在文档全部下载完毕的时候。
onmousedown 事件发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onmouseup 事件。
onmouseout 事件发生在鼠标离开对象的时候。参考 onmouseover 事件。onmouseover 事件发生在鼠标进入对象范围的时候。
onmouseup 事件发生在用户把鼠标放在对象上鼠标键被按下的情况下,放开鼠标键的时候。
onreset 事件发生在表单的“重置”按钮被单击(按下并放开)的时候。
onresize 事件发生在窗口被调整大小的时候。
onsubmit 事件发生在表单的“提交”按钮被单击(按下并放开)的时候。
onunload 事件发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。onSelect 当Text或Textarea对象中的文字被加亮后,引发该事件。
onFocus 当用户单击Text或textarea以及select对象时,产生该事件。
onBlur 当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时,引发该文件.
onDragDrog 拖放时发生
onLoseCapture
onDblClick 鼠标双击事件
onKeyPress 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] onAbort 图片在下载时被用户中断
onBeforeUnload 当前页面的内容将要被改变时触发的事件
onMove 浏览器的窗口被移动时触发的事件
最近学习了JS挂接事件,根据自己对JS挂接事件的了解,以及自己的实际操作。对相关知识进行了如下总结,希望可以帮到大家。 1、事件挂接的第一种方式: 例://不传递参数 function testBtn1(){ alert(1); alert(this);//this指的是window } //传递参数 function testBtn1(num){ alert(num);//num=100 } //同时挂接多个事件 1.2 屏蔽鼠标右键 在body标签里加上oncontextmenu=self.event.returnvalue=false 或者 function nocontextmenu() { if(document.all) { event.cancelBubble=true; event.returnvalue=false; return false; } } 或者
1.3 屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键 1.将彻底屏蔽鼠标右键,无右键菜单 也可以用于网页中Table框架中no |
说明:关于favicon.ico文件的制作。你可以先在FW中做一个图片,属于你自己站点一个小图标。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO 文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。 6.可以在收藏夹中显示出你的图标 在网页的〈head〉〈/head〉间加入以下语句: 〈link rel="shortcuticon" href="http://…/icon.ico"〉 即可。其中 icon.ico 为 16x16 的图标文件, 颜色不要超过 16 色。 说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP. 7.关闭输入法 说明:这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。 网页经典代码(二) 8.永远都会带着框架 说明:frames.htm为你的网页,这也是保护页面的一种方法 9.防止被人frame 10.网页将不能被另存为
事件解说 一般事件 onclick 鼠标点击时触发此事件ondblclick 鼠标双击时触发此事件onmousedown 按下鼠标时触发此事件onmouseup 鼠标按下后松开鼠标时触发此事件onmouseover 当鼠标移动到某对象范围的上方时触发此事 件 onmousemove 鼠标移动时触发此事件onmouseout 当鼠标离开某对象范围时触发此事件onkeypress 当键盘上的某个键被按下并且释放时触发此 事件. onkeydown 当键盘上某个按键被按下时触发此事件onkeyup 当键盘上某个按键被按放开时触发此事件 页面相关事件 onabort 图片在下载时被用户中断onbeforeunload 当前页面的内容将要被改变时触发此事件onerror 出现错误时触发此事件 onload 页面内容完成时触发此事件 onmove 浏览器的窗口被移动时触发此事件onresize 当浏览器的窗口大小被改变时触发此事件onscroll 浏览器的滚动条位置发生变化时触发此事件onstop 浏览器的停止按钮被按下时触发此事件或者 正在下载的文件被中断onunload 当前页面将被改变时触发此事件 表单相关事 onblur 当前元素失去焦点时触发此事件onchange 当前元素失去焦点并且元素的内容发生改变 而触发此事件 onfocus 当某个元素获得焦点时触发此事件onreset 当表单中RESET的属性被激发时触发此事件
件onsubmit 一个表单被递交时触发此事件 滚动字幕事件onbounce 在Marquee内的内容移动至Marquee显示 范围之外时触发此事件 onfinish 当Marquee元素完成需要显示的内容后触发 此事件 onstart 当Marquee元素开始显示内容时触发此事件 编辑事件 onbeforecopy 当页面当前的被选择内容将要复制到浏览者 系统的剪贴板前触发此事件onbeforecut 当页面中的一部分或者全部的内容将被移离 当前页面[剪贴]并移动到浏览者的系统剪贴板 时触发此事件onbeforeeditfoc us 当前元素将要进入编辑状态onbeforepaste 内容将要从浏览者的系统剪贴板传送[粘贴]到 页面中时触发此事件onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目 标对象oncontextmenu 当浏览者按下鼠标右键出现菜单时或者通过 键盘的按键触发页面菜单时触发的事件oncopy 当页面当前的被选择内容被复制后触发此事 件 oncut 当页面当前的被选择内容被剪切时触发此事 件 ondrag 当某个对象被拖动时触发此事件[活动事件] ondragdrop 一个外部对象被鼠标拖进当前窗口或者帧ondragend 当鼠标拖动结束时触发此事件,即鼠标的按钮 被释放了 ondragenter 当对象被鼠标拖动的对象进入其容器范围内
js返回网页顶部scrollTop用法及window.onscroll事件 document.body.scrollTop用法 网页可见区域宽:document.body.clientWidth; 网页可见区域高:document.body.clientHeight; 网页可见区域宽:document.body.offsetWidth (包括边线的宽); 网页可见区域高:document.body.offsetHeight (包括边线的宽); 网页正文全文宽:document.body.scrollWidth; 网页正文全文高:document.body.scrollHeight; 网页被卷去的高:document.body.scrollTop; 网页被卷去的左:document.body.scrollLeft; 网页正文部分上:window.screenTop; 网页正文部分左:window.screenLeft; 屏幕分辨率的高:window.screen.height; 屏幕分辨率的宽:window.screen.width; 屏幕可用工作区高度:window.screen.availHeight; 屏幕可用工作区宽度:window.screen.availWidth; scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
比fastdb更强的 nosql数据库 ,比较两个字符串,返回相同的最大的字符串,其他返回空遍历文件夹中最大的文件,表单的验证js以及事件的注册 初始化openldap的初始化状态 ,处理 Oracle SQL in 超过1000 的解决方案 从服务器下载文件的cmd脚本 [Shell/批处理],从国家统计局爬取山东省市区县乡镇 从国家统计局爬取山东省市区县乡镇 ,对内存中的图片数据编解码 对于一些筛选之类的功能使用NSSet or NSMutableS Status ListDelete(Sqlist &L,int i) //删除i位置的数据 { if(i<1||i>L.length) return ERROR; for(int j=i;j<=L.length-1;j++) { L.elem[j-1]=L.elem[j]; } L.length--; return OK; } // 多进程间队列和子类的应用 //多进程间共享内存和全局对象 //分享几个简易的CSS3点击响应动画示例 Status ListInput(Sqlist &L) //数据录入 { if(L.length==-1) return ERROR; cout<<"Length="<
onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 页面相关事件事件浏览器支持描述 onAbort IE4|N3|O 图片在下载时被用户中断 onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成onMove IE|N4|O 浏览器的窗口被移动时触发的事件 onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件 onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件 onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断onUnload IE3|N2|O3 当前页面将被改变时触发的事件 表单相关事件事件浏览器支持描述 onBlur IE3|N2|O3 当前元素失去焦点时触发的事件[鼠标与键盘的触发均可] onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件[鼠标与键盘的触发均可] onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件 onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件 onSubmit IE3|N2|O3 一个表单被递交时触发的事件 滚动字幕事件事件浏览器支持描述 onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件 onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件 编辑事件事件浏览器支持描述 onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况: 1.真正的关闭浏览器(a.点击关闭按钮b.右击任务栏关闭c.按alt+F4关闭) 2.刷新浏览器。 那如何判断区分这两种动作呢? 一. Javascript代码处理方法: function window.onbeforeunload() { //用户点击浏览器右上角关闭按钮或是按alt+F4关闭 if(event.clientX> { // alert("点关闭按钮"); document.getElementById("hiddenForm:hiddenBtn").click(); // "确定要退出本页吗?"; } //用户点击任务栏,右键关闭。s或是按alt+F4关闭 else if(event.clientY > || event.altKey) { // alert("任务栏右击关闭"); document.getElementById("hiddenForm:hiddenBtn").click(); // "确定要退出本页吗?"; } //其他情况为刷新 else { // alert("刷新页面"); } } 其中event.clientX //鼠标光标X坐标 //窗体工作区宽度 event.clientY //鼠标光标Y坐标 event.altKey //是否按下alt键 二. 事件捕捉方法:
JS事件 事件 / 描述 onblur 事件发生在窗口失去焦点的时候。 onchange 事件发生在文本输入区的内容被更改,然后焦点从文本输入区移走之后。onclick 事件发生在对象被单击的时候。 onerror 事件发生在错误发生的时候。 onfocus 事件发生在窗口得到焦点的时候。 onload 事件发生在文档全部下载完毕的时候。 onmousedown 事件发生在用户把鼠标放在对象上按下鼠标键的时候。参考 onmouseup 事件。 onmouseout 事件发生在鼠标离开对象的时候。参考 onmouseover 事件。onmouseover 事件发生在鼠标进入对象范围的时候。 onmouseup 事件发生在用户把鼠标放在对象上鼠标键被按下的情况下,放开鼠标键的时候。 onreset 事件发生在表单的“重置”按钮被单击(按下并放开)的时候。 onresize 事件发生在窗口被调整大小的时候。 onsubmit 事件发生在表单的“提交”按钮被单击(按下并放开)的时候。 onunload 事件发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。onSelect 当Text或Textarea对象中的文字被加亮后,引发该事件。 onFocus 当用户单击Text或textarea以及select对象时,产生该事件。 onBlur 当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时,引发该文件. onDragDrog 拖放时发生 onLoseCapture onDblClick 鼠标双击事件 onKeyPress 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] onAbort 图片在下载时被用户中断 onBeforeUnload 当前页面的内容将要被改变时触发的事件 onMove 浏览器的窗口被移动时触发的事件
1.event传递到js 所有的事件都是以WebViewWndProc作为入口点。我们以鼠标事件为例来分析,其它事件基本类似 在WebView里又对不同类型的事件处理做了分类主要有 鼠标事件:handleMouseEvent 键盘事件:keyDown, keyUp 在EventHandler类里开始对Event进行派发 EventHandler::dispatchMouseEvent 在这里EventHandler 是frame的一个对象,见frame.h文件 mutable EventHandler m_eventHandler; 在EventHandler记录了当前dom树中关于事件的结点所有信息,例如,当前处于鼠标下面的结点,最后处于鼠标下面的结点,最后处于鼠标下面的Scrollbar等。EventHandler里要做的事情就是在有事件发生的时候找到注册了该事件的结点,然后更新这些结点,并调用相应结点的事件处理函数。这些事情是在dom 结点本身结构的支持下完成的,凡是支持事件的dom结点都是继承于EventNode,而所有的dom结点类型都继承与Node。 在Node里有这样一个方法dispatchGenericEvent将事件进一步派发到EventTarget在EventTarget里会触发RegisteredEventListener 里注册的结点的事件处理函数 对于js事件,到了这一步又有一个js事件的入口点: JSEventListener::handleEvent JSEventListener从其类型的命名可以看出它是一个js事件监听者对象,既然有js事件监听者,那可以想象就有更一般的事件监听者,在webcoe里也确实是这样。上面是从处理事件的流程分析了这个过程,可能大家还会有疑问,事件是怎么派发到js监听者的?下面分析事件监听者注册的过程。 在html解析的时候即HTMLParser::parseToken(Token* t),分析到一个token有事件属性,就会将该属性添加到相应的存储结构里,在这里我们只分析事件属性,在分析到该token有event属性的时候(形容