易截截图软件、单文件、免安装、纯绿色、仅160KB

javascript事件监听

原帖地址:http://www.cnblogs.com/AganCN/archive/2009/02/06/1206272.html   考虑这样的情形在IE浏览中处理,需要响应页面的按钮点击事件,有哪些方法呢?
(1)onclick属性添加事件处理函数
function DoClick()//handler of click event
{

}


test1

测试1test1
(2)attachEvent方法添加事件处理函数

test2



function attClick()//handler of click event
{
//process click event
}
test2.attachEvent("onclick",attClick);

测试2test2
现在问题来,如果我们同时添加这两种事件处理方式,那么他们相应的顺序是什么样的,下面来模拟一下这种情形:
test31

function DoClick()//property event handler
{    
    alert('calling DoClick');    
  }
function AttClick1()//attach event handler
{
    alert('calling AttClick1');
  }
test31.onclick=DoClick; 
test31.attachEvent('onclick',AttClick1); 


(code for 3.1)
test32

function DoClick()//property event handler
{    
    alert('calling DoClick');    
  }
function AttClick1()//attach event handler
{
    alert('calling AttClick1');
  }
function AttClick2()
{
    alert('calling AttClick2');
  }
  test32.attachEvent('onclick',AttClick1); 
  test32.onclick=DoClick;  

(code for 3.2) 测试3test3.1test3.2
测试结果是:先调用属性处理函数,再调用attach事件处理函数。
attachEvent方式还用一个好处就是他能添加任意多个事件处理函数 test41

function DoClick()
{    
    alert('calling DoClick');    
  }
function AttClick


相关文档:

Javascript在IE和FireFox中的不同表现

1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或
document.formName.elements["elementName"];Firefox下,只能使用
document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elem ......

JavaScript调用本地命令

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD id="Head1">
<title>JavaScript调用本地命令</title>
<script type="text/javascript">
function exec (command)
{
window.oldOnError = window.onerror;
window._command = command;
window. ......

Debugging JavaScript on Internet Explorer Mobile

http://203.208.39.132/search?q=cache:CS7gmmmKO1UJ:cdivilly.wordpress.com/2008/09/05/debugging-javascript-on-internet-explorer-mobile/+mobile+ie+debug&cd=2&hl=zh-CN&ct=clnk&gl=cn&client=firefox-a&st_usg=ALhdy2_5z6wqB0HLfTGoC9EDfEwpnra-LQ ......

JavaScript隔行变色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JavaScript实现隔行变色的表格</title>
<style>
<!--
.datalist{
 border:1px solid #007108; /* 表格边框 * ......

href="javascript:void(0);"在IE6中将断异步请求

Html页
<a href="javascript:void(0);" mce_href="javascript:void(0);" ><img id="SubmitFeedback" src="/images/comment_btn.gif" mce_src="images/comment_btn.gif" /></a>
脚本
$(document).ready(function() {
alert("页面刷新&q ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号