JavaScript —— attachEvent 方法的使用

动态地给一个对象添加事件（方法）。

直接上代码：

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gbk">

 <title>AttachEvent 的使用</title>

 <script type="text/javascript">

     var defaultValue = "Say Something!!";

     function init() {

         var iWordObj = document.getElementById("iWord");

         iWordObj.attachEvent("onfocus", function(e){clean(iWordObj);});

         iWordObj.attachEvent("onblur", function(e) {setDefault(iWordObj);});

         /* 网上说 Firefox 用这个，我试了下，咋没用呢？

         iWordObj.addEventListener("onfocus", function(e){clean(iWordObj);}, false);

         iWordObj.addEventListener("onblur", function(e) {setDefault(iWordObj);}, false)

         */

     }

     function clean(obj) {

         // 如果新值等于默认值，清空

         if (defaultValue == obj.value) {

             obj.value="";

         }

     }

     function setDefault(obj) {

         /*

          * 如果输入的为空（""），则将值重新设为默认值（defaultValue）

          * 否则，弹出输入的内容

          */

         if (obj.value == "") {

             obj.value = defaultValue;

             alert("Oh, you said nothing.");

         } else {

             alert("You said: " + obj.value);

         }

     }

 </script>

 </head>

 <body onload="init()">

     Say Something:

     <input type="text" id="iWord" value="Say Something!!"/>

 </body>

 </html>

P.S. 有添加就有移除

 detachEvent(event,function);  // IE

 removeEventListener(event,function,capture/bubble); // Firefox ，又叫 W3C格式

JavaScript —— attachEvent 方法的使用的更多相关文章

JavaScript - reduce方法,reduceRight方法 (Array)
JavaScript - reduce方法 (Array) 解释:reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始合并,最终为一个值. 语法:a ...
JavaScript slice() 方法
JavaScript slice() 方法 JavaScript Array 对象实例在数组中读取元素: var fruits = ["Banana", "Oran ...
JavaScript toLocaleString() 方法
JavaScript toLocaleString() 方法 JavaScript Array 对象定义和用法把数组转换为本地字符串. 语法 arrayObject.toLocaleString( ...
关于JavaScript lastIndexOf() 方法 w3school&period;com&period;cn写的不一定全对
关于JavaScript lastIndexOf() 方法 w3school.com.cn的表述是定义和用法 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的 ...
javascript一些方法兼容
javascript一些方法兼容标签(空格分隔): javascript 方法收集 [TOC] Object.keys 参考地址 if (!Object.keys) Object.keys = fu ...
在Swift中使用JavaScript的方法和技巧
本文作者Nate Cook是一位独立的Web及移动应用开发者,是继Mattt大神之后NSHipster的主要维护者,也是非常知名活跃的Swift博主,并且还是支持自动生成Swift在线文档的Swift ...
把C编译成javascript的方法
把C编译成javascript的方法,便于嵌入到HTML5中 https://github.com/kripken/emscripten
javascript 字符串方法传参
javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: ' <td align="left"><input type= ...
各种浏览器开启JavaScript脚本方法
各种浏览器开启JavaScript脚本方法随着网站设计技术的发展,为了用户友好体验,大部分网站使用了JavaScript脚本设计,如果您的浏览器禁用或关闭的JavaScript支持,那么可能造成网站 ...

随机推荐

分享一本Swift好书
http://yuedu.baidu.com/ebook/6f6c3b1ef01dc281e43af000?pn=1&rf=http%3A%2F%2Fyuedu.baidu.com%2Febo ...
10 个用于收集硬件信息的 Linux 命令
知道自己的Linux系统运行在什么样的硬件组件上总是好的,因为如果涉及到在系统上安装软件包和驱动程序的话,这将有助于你处理兼容性问题. 因此,下面我们将给出一些非常有用的命令,它们可以帮助你提取你的L ...
201521123063 《Java程序设计》第10周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常与多线程相关内容. 2. 书面作业本次PTA作业题集异常.多线程 finally 题目4-2 1.1 截图你的提交结果(出现学 ...
css 半圆效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
Android使用https与服务器交互的正确姿势
HTTPS 使用 SSL 在客户端和服务器之间进行加密通信,错误地使用 SSL ,将会导致其它人能够拦截网络上的应用数据. 使用一个包含公钥及与其匹配的私钥的证书配置服务器,作为 SSL 客户端与服务 ...
unixbench 物理机性能与虚拟机性能测试对比
1. 测试方法 wget https://download.laobuluo.com/tools/UnixBench5.1.3.tgz tar -zxvf UnixBench5.1.3.tgz cd ...
CSRF（Cross Site Request Forgery, 跨站域请求伪造）
CSRF(Cross Site Request Forgery, 跨站域请求伪造) CSRF 背景与介绍 CSRF(Cross Site Request Forgery, 跨站域请求伪造)是一种网络的 ...
go web framework gin 路由表的设计
在上一篇go web framework gin 启动流程分析这一篇文章中,我分析了go gin启动的过程,在这一篇文章中我将继续上面的分析,讨论gin 中路由表是如何设计的? 首先查看engine. ...
JAVA 面试题及思考
==================================== =======学而时习之======================== ===================== 1. p ...
ie8 透明背景不能点击问题
最近开发网站,需求是三个一屏,1和3只能看见一半,2显示在中间,无箭头按钮. 因为之前写过一个有前后按钮的插件,想着怎么就在这上面改造,故把前后按钮去掉背景,定位在了1和3的位置上来实现点击前后, 发 ...