w3c标准外的事件

查询js资料时一直在使用w3c的手册,但有些w3c里没有的非标准的东西确实很好用的,比如oncopyonpaste、oncontextmenu等事件。

这些由于种种考虑而没有被标准所收录,比如复制粘贴就涉及到访问内存的安全问题。但经过测试,目前的各种浏览器可以很好的支持他们。所以,大胆的用吧!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js复制粘贴事件</title>
</head>
<body>
    <textarea oncopy="alert(‘禁止复制!‘);return false;" onpaste="alert(‘禁止粘贴!‘);return false;">试试在此复制或粘贴!</textarea>
</body>
</html>

这个测试在IE6及以上、火狐、谷歌、opera浏览器的最新版本都能通过。
oncopy事件在进行复制操作时触发,onpaste事件在粘贴操作时触发,而且对于键盘快捷键与鼠标右键复制粘贴均有效

上面的内容来自:http://www.jackyrao.com/archives/183


事    件


触发时机


一般事件


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


当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件

续表


事    件


触发时机


编辑事件


onbeforeeditfocus


当前元素将要进入编辑状态


onbeforepaste


内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件


onbeforeupdate


当浏览者粘贴系统剪贴板中的内容时通知目标对象


oncontextmenu


当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件


oncopy


当页面当前的被选择内容被复制后触发此事件


oncut


当页面当前的被选择内容被剪切时触发此事件


ondrag


当某个对象被拖动时触发此事件 [活动事件]


ondragdrop


一个外部对象被鼠标拖进当前窗口或者帧触发此事件


ondragend


当鼠标拖动结束时触发此事件,即鼠标的按钮被释放了


ondragenter


当被鼠标拖动的对象进入其容器范围内时触发此事件


ondragleave


当被鼠标拖动的对象离开其容器范围内时触发此事件


ondragover


当某被拖动的对象在另一对象容器范围内拖动时触发此事件


ondragstart


当某对象将被拖动时触发此事件


ondrop


在一个拖动过程中,释放鼠标键时触发此事件


onlosecapture


当元素失去鼠标移动所形成的选择焦点时触发此事件


onpaste


当内容被粘贴时触发此事件


onselect


当文本内容被选择时触发此事件


onselectstart


当文本内容选择将开始发生时触发的事件


外部事件


onafterprint


当文档被打印后触发此事件


onbeforeprint


当文档即将打印时触发此事件


onfilterchange


当某个对象的滤镜效果发生变化时触发的事件


onhelp


当浏览者按下F1键或者浏览器的帮助选择时触发此事件


onpropertychange


当对象的属性之一发生变化时触发此事件


onreadystatechange


当对象的初始化属性值发生变化时触发此事件

时间: 2024-09-09 17:41:17

w3c标准外的事件的相关文章

w3c标准 dom对象 事件冒泡和事件捕获

http://www.cnblogs.com/chengxs/p/6388779.html http://www.jb51.net/article/42492.htm 原文地址:https://www.cnblogs.com/mttcug/p/8717526.html

web前端面试--对web标准以及W3C标准的理解

答.web标准不是某一个标准,而是一系列标准的集合.网页主要由结构.表现.行为三部分组成,对应的标准有结构化标准语言有XHTML.xml,表现的标准语言有CSS,行为的标准有对象模型(如 w3c dom).ECMAScripe等 w3c的原则: 网站要通过W3C标准,需要注意以下几个问题: 1.XHTML 1.0文件类别宣告的正确写法 (不可小写) A:过度标准(Transitional) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

CSS的W3C标准的盒子模型和低版本IE浏览器的盒子模型

CSS中盒子模型的组成由内容区(content).内边距(padding).边框(border).外边距(margin)组成.内边距可细分为 padding-top.padding-right.padding-bottom.padding-left:边框可细分为 border-top.border-right.border-bottom.border-left:外边距可细分为 margin-top.margin-right.margin-bottom.margin-left. 对于盒子模型,W3

STM32标准外设库、 HAL库、LL库

工作以来一直使用ST的STM32系列芯片,ST为开发者提供了非常方便的开发库.到目前为止,有标准外设库(STD库).HAL库.LL库 三种.前两者都是常用的库,后面的LL库是ST最近才添加,目前支持的芯片也偏少.各库如下所示: 其中STD库和HAL库两者相互独立,互不兼容.几种库的比较如下: 目前几种库对不同芯片的支持情况如下: 上图中,LL库目前有部分芯片不支持,官方计划2017年逐步完善. STM32Snippets 它是代码示例的集合,直接基于STM32外设寄存器,可在文档和软件包中使用.

IE6与W3C标准的盒模型差异

盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器. 盒子模型 下图就是一个典型的盒子模型示意图 在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的.通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子

MDK524a新建STM32工程--标准外设库V3.5

MDK524a最新版本的KEil软件. 首先浏览一下标准外设库有哪些东西 然后我们用MDK524a 来新建一个工程,步骤如图 由于MDK524a版本非常方便,只需要在创建工程文件夹下添加User和Lib两个文件夹就可以了,其他的OutPut  Listings之类的文件夹会自动添加的. 完成!

符合w3c标准的html标准需要注意的地方

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

[HTML] Google IE-x.js 解决IEx与W3C标准的冲突

如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果.这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug.我们不得不找到一个能平衡于它们之间的解决方法.如png透明问题在IE5.IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现.譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5.IE6下png透明问题.当然还有更多的方法.而现在有种更加完美的方法能兼容IE5.

如何让你的网页符合W3C标准

以下是粘贴来的,觉得写得不错~~借用一下~~ 引子:什么是W3C标准 作为网站技术开发人员而言,往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等),而不是站在网站访问者与搜索引擎角度.因此大部分的网站在浏览方面不够直观或是方便,特别是现在w3c的规范,更是在大部分的网站开发人员脑里一片空白.何况百度 .google.msn.yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术,所以网站要优化,优化的目的只有一个:符合标准,符合蜘 蛛爬行的标准,更重要的是符合网站访问者浏