以下五种方式添加事件
<!doctype html>
<html>
<head>
<title>事件处理程序的执行上下文</title>
<meta charset="utf-8">
<style>
div {
background: gold;
margin: 10px;
}
</style>
</head>
<body>
<!-- 内联事件代码 -->
<div id="d1" onclick="alert(this.tagName)">DIV1</div>
<!-- 内联一个函数 -->
<div id="d2" onclick="fn()">DIV2</div>
<!-- DOM 0 -->
<div id="d3">DIV3</div>
<!-- DOM 2 -->
<div id="d4">DIV4</div>
<!-- IE低版本 -->
<div id="d5">DIV5</div>
<script>
function $(id) {return document.getElementById(id)}
var d1 = $('d1'), d2 = $('d2'), d3 = $('d3'), d4 = $('d4'), d5 = $('d5')
// 事件处理程序
function fn() {
if (this.tagName) {
alert(this.tagName)
} else {
alert(this)
}
}
// DOM 0 (All Browsers)
d3.onclick = fn
// DOM 2 (IE9/10, FF, Safari, Chrome, Opera)
try {
d4.addEventListener('click', fn, false)
} catch(e) {}
// 低版本IE (IE6/7/8, Opera)
try {
d5.attachEvent('onclick', fn)
}catch(e){}
</script>
</body>
</html>
结果如下：
- 内联HTML (element)
- 内联HTML fn (window)
- DOM-0级onXXX (element)
- DOM-2级addEventListener (element)
- IE低版本attachEvent (IE6/7/8: window, Opera: element)
相关推荐
拥有目标上下文/单元的线程很有可能执行的是非泵式等待或者在不发送 Windows 消息的情况下处理一个运行时间非常长的操作.这种情况通常会影响到性能，甚至可能导致应用程序不响应或者使用的内存随时间不断累积。要...
全局代码这种类型的代码是在"程序"级处理的：例如加载外部的js文件或者本地<script></script>标签内的代码。每次return的时候，都会退出当前执
该软件包允许您添加自定义处理程序。 用法示例： ctx, cancel := context.WithCancel(context.Background) defer cancel() cmd := exec.Command("sleep", "99999") eCmd := execctx.FromCmd(ctx, cmd, func(&...
要初始化该库，您需要提供对作为事件处理程序根目录的元素的引用。 如果要为整个应用程序构建上下文菜单，它也可以是document.body或窗口。 第二步是定义菜单中呈现的命令。 注册命令 使用registerC
（2）强调可重用的组件：依赖与可重用的、跨平台的组件来执行应用程序所要求的更为复杂的处理。 （3）采用标识简化页面开发：一次编写，各处运行。 2、jsp有哪些内置对象?作用分别是什么? application对象代表应用...
超级上下文菜单 基于jQuery的可自定义上下文菜单 ...要在右键单击上显示上下文菜单，可以使用contextmenu事件处理程序。 在处理程序内部，调用superCm.createMenu同时传递事件对象以根据需要创建菜单。 第一个
用于为单个react事件执行多个处理程序的实用程序。 使用npm或Bower安装。 npm install react-handlers 只需将多个函数传递给导出的函数即可。 var handlers = require ( 'react-handlers' ) ; render = ...
基于上下文的问答 基于上下文的问题解答是一种易于使用... CBQA应用程序允许用户添加上下文并在该上下文中执行Question Answering（QA）。 此应用程序中的主要组件使用Haystack的核心组件， FileConverter ：从文件（p
微内核模块，用于确定服务器应用程序的运行时上下文。 关于 这是服务器应用程序环境的扩展模块，添加了确定服务器应用程序运行时上下文的功能。 用法 $ npm install microkernel $ npm install microkernel-mod-ctx...
因此，例如，如果您想覆盖内容脚本中 DOM 元素的onClick属性，您将最终得到两个事件处理程序 - 一个是原始处理程序，第二个是内容脚本中定义的处理程序。 要解决此问题，您的脚本必须通过将代码注入[removed]元素来...
不过前几天重装了系统，依旧用的是Win7，只是今天在打开VS2009工程后在IE中测试时一打开便出现一个错误如下： 请求在此上下文中不可用 说明: 执行当前 Web 请求期间，出现未处理的异常。请检查堆栈跟踪信息，以了解...
GCE是一个桌面应用程序，提供单个上下文来管理和运行多个脚本。 为什么选择GCE？ 随着Web应用程序细分为微服务和独立实体，设置本地开发环境变得越来越困难，并且您必须处理数十个Shell终端。 GCE旨在通过为您提供...
第11章：上下文与拦截 .NET组件服务 .NET上下文 自定义组件服务 第12章：安全 .NET安全架构 配置权限 编程式安全 Visual Studio 2005与安全 基于主体的安全 其他安全问题 附录A：基于接口的Web服务 附录B：统一...
2.4.3 事件如何与事件处理程序连接 2.5 Web项目 2.5.1 基于项目的开发 2.5.2 创建Web项目 2.5.3 迁移旧版Visual Studio创建的网站 2.6 Visual Studio调试 2.6.1 单步调试 2.6.2 变量监视 2.6.3 ...
这是一个在 Node.JS 之上用 JavaScript 编写的小项目，它在上下文无关语法 (GLC) 中实现了无用符号删除算法。 该程序是为的形式语言和自动机学科开发的。 如何使用 使用该程序很简单，只需按照以下步骤操作： 制作...
ShellAnything 是一种 C++ 开源软件，它允许人们轻松地自定义并向Windows 资源管理器上下文菜单添加新选项。 定义用户右键单击文件或目录时的特定操作。 地位 建造： 服务 建造 测试 应用程序 统计数据： 截图 ...
自安装 Windows shell 上下文菜单处理程序，允许将目录快速添加到系统 PATH 环境变量。 安装 要安装 shell 扩展，只需以管理员身份运行此批处理文件。 用法 要将目录添加到系统 PATH，只需在资源管理器中右键单击它...
此应用程序使用react js，上下文和钩子进行构建以用于锻炼目的，并且还使用本地存储来保存状态。 附加效果和使用显示消息错误处理程序使该应用程序更加有趣。 特征 阅读清单 添加阅读清单（输入：标题和作者） ...
进程管理仿真程序实现下列功能： (1)能接收用户提交的命令并执行该命令。 (2)创建模拟进程，执行用户程序 (3)管理模拟进程状态转换、 (4)用优先级调度算法调度模拟进程的运行，能处理上下文切换。