深入浅出Ajax（四）
function initPage()
{
btn.onmouseover = buttonOver;
btn.onmouseover = buttonOut;
}
如上，浏览器只会运行指定的最后一个事件处理程序。因为事件处理程序只是属性，一个属性只能有一个值。
用addEventListener()指定多个事件处理程序。
btn.addEventListener(“mouseover”, buttonOver,false);
btn.addEventListener(“mouseover”, buttonOver1,false);
注意：事件属性名与addEventListener（）的事件名不一样，如果事件属性名为onclick或onmouseover,对addEventListener（）而言则是click和mouseover。
不过addEventListener()对IE浏览器不起作用，IE用了一个完全不同的事件模型，attachEvent()。
btn.addEventListener(“onmouseover”, buttonOvere);//这一次事件名前要保留on.
btn.addEventListener(“onmouseover”, buttonOver1);//只有2个参数。
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = initPage; function initPage()
{
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++)
{
var tt = inputs[i];
// tt.addEventListener("blur", showValue, false);
// tt.addEventListener("change", change, false);
addEventHandler(tt, "blur", showValue);
addEventHandler(tt, "change", change);
}
} function change()
{
alert("changed!");
} function showValue()
{
switch (this.title)//this指的是调用当前函数的对象，本处即失去焦点的文本框。
{
case "name":
alert(this.value);
break;
default:
alert("pwd");
}
} // 增加一个工具函数，用于IE或其他浏览器时，多事件程序判断。
//对象，事件名，处理函数
function addEventHandler(obj, eventName, handler)
{
if (document.attachEvent)
{
obj.attachEvent("on" + eventName, handler);
}
else if (document.addEventListener)
{
obj.addEventHandler(eventName, handler, false);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="txt">
<input type="text" id="username" title="name" />
<input type="text" id="password" title="pwd" />
</div>
</form>
</body>
</html>
深入浅出Ajax（四）的更多相关文章
- 深入浅出 JMS(四) - ActiveMQ 消息存储
深入浅出 JMS(四) - ActiveMQ 消息存储 一.消息的存储方式 ActiveMQ 支持 JMS 规范中的持久化消息与非持久化消息 持久化消息通常用于不管是否消费者在线,它们都会保证消息会被 ...
- Ajax四步操作
第一步得到(XMLHttpRequest)function creatXMLHttpRequest(){ try{ return new XMLHttpRequest(); } catch(e){ t ...
- 深入浅出JMS(四)--Spring和ActiveMQ整合的完整实例
第一篇博文深入浅出JMS(一)–JMS基本概念,我们介绍了JMS的两种消息模型:点对点和发布订阅模型,以及消息被消费的两个方式:同步和异步,JMS编程模型的对象,最后说了JMS的优点. 第二篇博文深入 ...
- AJAX四种跨域处理方法
同源策略 同源策略 同源策略限制从一个源加载的文档或者脚本如何与来自另一个源的资源进行交互.这是一个用于隔离潜在恶意文件的关键的安全机制. 具体定义是:一段脚本向后台请求数据,只能读取属于同一协议名. ...
- 深入浅出Ajax
原文(我的GitHub):https://github.com/liangfengbo/frontend-ability/issues/1 学习大纲 理解Ajax的工作原理 Ajax核心-XMLHtt ...
- 深入浅出Ajax（五）
function initPage() { alert("3+3");//3+3 alert(eval("3+3")); //6 //eval()函数可以解析. ...
- 深入浅出Ajax（三）
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...
- 深入浅出Ajax（二）
<script type="text/javascript"> window.onload = initPage; function initPage() { var ...
- 深入浅出Ajax（一）
客户端: <script type="text/javascript"> window.onload = initPage; function initPage() { ...
随机推荐
- find排除目录
在linux find 进行查找的时候,有时候需要忽略某些目录不查找,可以使用 -prune 参数来进行过滤,但必须要注意要忽略的路径参数必须紧跟着搜索的路径之后,否则该参数无法起作用. 命令语法: ...
- qsdk编译
QSDK是一种在openwrt的基础上,加入了高通atheros芯片相关资料的一种环境. QSDK与openwrt的区别主要在如下几个方面: arch/mips/ath79/* – updated Q ...
- LeetCode OJ 217.Contains Duplicate
Given an array of integers, find if the array contains any duplicates. Your function should return t ...
- 如何在sharepoint里通过correlation id查找详细的错误信息
Sharepoint里我们经常遇到这样的错误信息: 我们能通过下面的power shell 命令来查到详细的错误信息: $correlationid = "943e6e9c-b5d9-207 ...
- JSON， list， 前台显示
前台 $(function(){ $.getJSON("/portal/visitor/getVisitorCount?rn="+Math.random(),function(js ...
- MySQL的索引创建、删除
1_1.添加PRIMARY KEY(主键索引) mysql>ALTER TABLE `table_name` ADD PRIMARY KEY ( `column` ) 1_2.添加UNIQUE ...
- SQL SERVER中强制类型转换cast和convert的区别
在SQL SERVER中,cast和convert函数都可用于类型转换,其功能是相同的, 只是语法不同. cast一般更容易使用,convert的优点是可以格式化日期和数值. 代码 select CO ...
- c++11 右值引用、move、完美转发forward<T>
#include <iostream> #include <string> using namespace std; template <typename T> v ...
- docker的一些常用命令整理
docker清除命令: 杀掉所有容器:docker kill $(docker ps -q) ; 清除所有容器:docker rm $(docker ps -a -q) ; 清除所有镜像:docker ...
- [转]于Fragment和Activity之间onCreateOptionsMenu的问题
Fragment和Activity一样,可以重写onCreateOptionsMenu方法来设定自己的菜单,其实这两个地方使用onCreateOptionsMenu的目的和效果都是完全一样的,但是由于 ...