封装对象,包含几个常用方法

这两天复习了DOM事件绑定,记录一下,便于复习学习。

1 事件处理程序
  1.1 HTML事件处理程序:直接写在html中,和html不解耦,修改麻烦
  1.2 DOM0级事件处理程序:不写在html中,在script中获取对象在添加事件。修改的时候稍微方便一点

  1.3 DOM2级事件处理程序:定义了两个方法用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()都包含三个参数,要处理的事件名,作为事件处理程序的函数和布尔值(true表示在捕获阶段执行,false表示在冒泡阶段执行)

  1.4 IE事件处理程序。两个方法:attachEvent()和detachEvent()。接收两个参数,事件处理程序的名称和事件处理程序的函数。

2.事件对象

  2.1 DOM中的事件对象

    2.1.1 type属性用于获取事件类型

    2.1.2 target属性用于获取事件目标

    2.1.3 stopPropagation()方法用于阻止事件冒泡

    2.1.4 preventDefault()用于阻止事件的默认行为

  2.2 IE事件对象

    2.2.1 type属性用于获取事件类型

    2.2.2 srcElement属性用于获取事件目标

    2.2.3 cancleBubble属性用于阻止冒泡,设为true表示阻止事件冒泡,false为不阻止事件冒泡

    2.2.4 returnValue属性,用于阻止事件的默认行为,设为false表示阻止事件的默认行为

3.鼠标有关

  3.1 onmousedown()鼠标任何形式的按下

  3.2  onmousemove()鼠标移动

  3.3 clientX,clientY  通过事件对象获取的当前鼠标x,y指针坐标

测试用例代码:详细代码见 https://github.com/renxinrx/DOM

封装 了 一个对象until。里面包含几个方法:

getElementsByClass() 是通过类名来获取对象,因为HTML DOM的getElementsByClassName不兼容ie9以下;

addEvent() 绑定事件方法,兼容所有浏览器;

removeEvent()解除绑定事件,兼容所有浏览器;

getEvent() 获取事件对象event。

  

  

  

时间: 2024-08-16 01:24:24

封装对象,包含几个常用方法的相关文章

为什么要用Hibernate框架? 把SessionFactory,Session,Transcational封装成包含crud的工具类并且处理了事务,那不是用不着spring了?

既然用Hibernate框架访问管理持久层,那为何又提到用Spring来管理以及整合Hibernate呢?把SessionFactory,Session,Transcational封装成包含crud的工具类并且处理了事务,那不是用不着spring了? Hibernate操作的步骤如下: 1. 获得Configuration对象 2. 创建SessionFactory 3. 创建Session 4. 打开事务 5. 进行持久化操作.比如上面的添加用户操作 6. 提交事务 7. 发生异常,回滚事务

java中基本类型封装对象所占内存的大小(转)

这是一个程序,java中没有现成的sizeof的实现,原因主要是java中的基本数据类型的大小都是固定的,所以看上去没有必要用sizeof这个关键字. 实现的想法是这样的:java.lang.Runtime类中有一些简单的能涉及到内存管理的函数: Every Java application has a single instance of class Runtime that allows the application to interface with the environment in

dbutils封装对象,单列,一行一列(用)

基本用法:查找并封装对象与对象集合 public User findUserByNamePassword(String name,String password){ QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource()); String sql = "select * from user where name='"+name+"' and password = '"+password

用工厂函数封装对象

工厂函数是在方法中建立一个Object空对象,然后再对此对象添加属性和方法,然后把Object对象返回 <html> <head> <title>工厂函数封装对象</title> <script type="text/javascript"> // 工厂函数模式封装对象 //特点:返回结果为对象的函数,在用工厂函数创建对象的时候,一定要new function fn(nianling){ var obj=new object(

ffmpeg学习4--ffmpeg类的简单封装,包含解码和定时录像功能

ffmpeg学习4--ffmpeg类的简单封装,包含解码和定时录像功能 参考网上的资料,简单封装了一下ffmpeg,这里记录一下,其它传感器编码及项目中用到的已经抽离,这里只包含解码和录像部分.这只是个玩具级别的测试.完整测试代码下载:代码下载 ffmpegDeCode.h #pragma once #include "stdafx.h" #include<iostream> using namespace std; extern char *VideoPath; exte

JQuery插件编写之封装对象

Jquery扩展插件有三大法宝, 1.封装对象方法 (本文详细介绍):对通过选择器获取的jQuery对象进行操作.2.封装全局函数3.选择器插件 jQuery插件的机制: jQuery插件的机制很简单,就是利用jQuery提供的jQuery.fn.extend()和jQuery.extend()方法,扩展jQuery的功能. jQuery.fn.extend()多用于扩展上面提到的3种类型中的第一种,jQuery.extend()用于扩展后两种插件. 废话不多说,自己编写的插件建议命名为jque

ibatis查询SQL语句返回一个对象,此对象包含一个List属性

可能标题说的不是很明白,具体其实就是: 我需要查询一个用户,但是这个用户拥有多张试卷,所以我将试卷这个对象,作为User对象的一个属性,这个属性为List类型.这样我在SQL查询时直接查询user表返回user对象,此user对象包含一个属性(List<Test>多张试卷). java实体类对应关系: public class Test{ private Integer userID; // 主键ID private String username; // 姓名 private String

JavaScript基础原始数据类型的封装对象(Primitive Wrapper Object)

JavaScript提供了5种原始数据类型:number, string, boolean, null, and undefined.对于前面3个,即number, string, 和boolean提供了封装对象,这些对象的构造函数是Number(), String(), 和Boolean().下面的代码展示了原始数据类型和它们的封装对象之间的不同: // a primitive number var n = 100; console.log(typeof n); // "number"

jquery 封装对象时的错误,求解!我想知道为什么

jquery   封装对象时的错误 --------------------------------------------<input id="name" name="name" vlue=""/>----------------方案一--------------------------//通过jquery为input赋值和取值var name=$("#name").val();$("#name&quo