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

javascript中事件event详解

脚本中的事件有2种模型
1、  冒泡型事件:事件是按照从最特定的目标到最不特定的事件目标(document)的顺序依次触发。这是针对不同元素的同一事件类型
如:
<html  onclick=”handleClick()”>
<head></head>
<body onclick=”handleClick()”>
  <div  onclick=”handleClick()”>
</body>
</html>
click事件的触发顺序为div——>body——>document
微软的IE就采用的是冒泡事件模型
2、  捕获型事件:和冒泡事件相反,事件是按照从最不特定的目标(document)到最特定的目标的顺序依次触发。这是针对不同元素的同一事件类型
 如上面的示例,handleClick事件的触发顺序为document——>body——>div
标准的DOM采用两种事件模型,既有捕获型事件,又有冒泡型事件,用户可以根据需求选择相应的事件模型
事件处理函数的绑定\卸载:
1、  针对IE
[object].attachEvent(“name_of_event_handler”,fnhandler);
[object].detachEvent(“name_of_event_handler”,fnhandler);
如:
var  dom=document.getElementById(“div1”);
dom.attachEvent(“onclick”,handlerClick)
注意:一定要在事件类型前加on
2、  针对兼容DOM的浏览器
[object].addEventListener(“name_of_event”,fnhandler,bCapture);
[object].removeEventListener(“name_of_event”,fnhandler,bCapture);
注意,第三个参数bCapture标示选择的事件模型,为true,选择捕获型事件模型,为false,选择冒泡型事件模型
如:
var dom =document.getElementById(“div1”);
dom.addEventListener(“click”,handleClick);
阻止事件的传递:
1、  阻止事件的默认行为
事件的默认行为是指一些元素自身绑定的事件处理函数,像鼠标右键事件,文本框的输入事件等。
如果要阻止鼠标的右键事件,可以采用
l         IE
window.event.returnValue=false;
l         DOM兼容的浏览器
oEvent.preventDefault();  //oEvent在DOM中就是事件对象
两者兼容的方法
 
document.body.oncontextmenu=functi


相关文档:

JavaScript如何动态的设置表格的样式


二、动态给表插入行:
function addRow(){
  //动态插入一行
  var oRow1=mediaMes.insertRow(mediaMes.rows.length);
  //设置tr的id
  oRow1.id="tr"+thisId;
  //获得表总的行数
  var aRows=mediaMes.rows;
  //获得新添加行的列集合
  var aCells=oRow1. ......

JS(javascript)操作数据库

//把数据写入数据库
function
res(){
    //获取输入值(myname和mymail是两个文本框的id)
    var
uname = document.getElementById("myname"
).value;
    var
umail = document.getElementById("mymail"
).value;
......

JavaScript判断浏览器类型及版本

      你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。
       几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小 ......

用JavaScript封装下FileSystemObject,做下文件操作!

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor
 */
var File = {
    name:'',
    path:'',
    ext:'',
    cfiles:[],
    attributes:{
    ......

javascript数组介绍

1          JavaScript数组简介
JavaScript数组是一种包含已编码的值的复合数据。数组区别于关联数组,关联数组是将值和字符串关联在一起,而数组是将值和非负整数关联在一起。
数组是对象(可利用typeof运算符)。
2          ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号