js DOM事件操作实例[事件绑定,改名,事件移除]

//事件绑定
 pt.bindEvent = function( a , b , c ) {
  var d = 'on' + b;
  if ( a.addEventListener ) {//ff opera
   a.addEventListener( b , c , false );
  }
  else if ( a.attachEvent ) {//ie
   a.attachEvent( d , c );
  }
  else {
   a[d] = c;
  }
 }

 //改名
 pt.attEvt = pt.bindEvent;

 //事件移除
 pt.removeEvent = function( a , b , c ) {
  var d = 'on' + b;
  if ( a.removeEventListener ) {//ff opera
   a.removeEventListener( b , c , false );
  }
  else if ( a.dettachEvent ) {//ie
   a.dettachEvent( d , c );
  }
  else {
   a[d] = null;
  }
 }

 pt.setProps = function( obj , props ) {
  if ( typeof obj == 'object' ) {
   props = typeof props == 'object' ? props : {};
   for (  var prop in props ) {
    try {
     if ( 'style' == prop ) {
      for ( var subProp in props[prop] ) {
       obj[prop][subProp] = props[prop][subProp];
      }
     }
     else {
      obj[prop] = props[prop];
     }
    }
    catch ( e ) {
     
    }
   }
  }
 }
 

时间: 2024-09-29 06:07:41

js DOM事件操作实例[事件绑定,改名,事件移除]的相关文章

javascript-菜鸟求js大神帮忙!!为什么我这段js代码只有第一个元素绑定了事件

问题描述 菜鸟求js大神帮忙!!为什么我这段js代码只有第一个元素绑定了事件 <script> window.onload=function(){ var oParent=document.getElementById("aa"); var boxs=oParent.getElementsByClassName("box"); for(var i=0;i<boxs.length;i++){ var imgs=boxs[i].getElementsB

js创建一个input数组并绑定click事件的方法_javascript技巧

复制代码 代码如下: </pre><pre name="code" class="javascript"><html> <body> <input type="button" name="input[]" value="按钮1" /><br /> <input type="button" name="

jQuery 通过事件委派一次绑定多种事件,以减少事件冗余_jquery

于是乎,在日常的开发中大量使用连缀写法,而事件方法连缀就是一个特例.若给一个Dom对象使用了绑定了多个事件,便于阅读和书写,习惯了使用连缀写法,但这样的书写方式会造成时间的冗余. 1.事件冗余:多个事件方法中多次调用相同的代码 下面的代码是一个事件方法连缀的写法: 复制代码 代码如下: jQuery(function($) { $('<div id="livetip"></div>').hide().appendTo('body'); var tipTitle

javascript性能优化之DOM交互操作实例分析_javascript技巧

本文实例讲述了javascript性能优化之DOM交互操作技巧.分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分.DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分.理解如何优化与DOM的交互可以极大提高脚本完成的速度. 1.最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var ite

html的DOM中Event对象onblur事件用法实例

 这篇文章主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下     本文实例讲述了html的DOM中Event对象onblur事件用法.分享给大家供大家参考.具体分析如下: onblur 事件会在对象失去焦点时发生. 语法如下: 代码如下: onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScr

jQuery支持动态参数将函数绑定到事件上的方法_jquery

本文实例讲述了jQuery支持动态参数将函数绑定到事件上的方法.分享给大家供大家参考.具体分析如下: 下面的js代码提供了两种方法用于绑定函数到事件,其中方法二可以传递动态参数,非常实用 //方法一 $('#foo').click(function(event) { alert('User clicked on "foo."'); }); //方法二, 支持动态传参 $('#foo').bind('click', {test1:"abc", test2:"

js dom动态添加删除表格数据的例子

学习了两天的 js dom 高级操作应用,实例代码基本上都听懂了,只是自己还没有能力全部敲出来,因为 js 操作 table 的代码太多了,js 对节点操作除了 div 之外,也可以更好的操作表单,这两天学到的是 js 如何进行对 table 的操作,当然也遇到了神奇的 js 增删改查,虽然没有用到数据库,但其效果蛮给力的,本来视频的代码想要一行一行敲下来,只是脑子里太乱了,只能从网上把视频上的代码给拷贝下来,仅供自己参考使用吧,这里的代码是关于 js 动态添加与删除表格数据的,感觉有点意思,回

JS 事件绑定、事件监听、事件委托详细介绍_基础知识

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定.事件监听.事件委托(事件代理)等.这些名词是什么意思呢,有什么作用呢? 事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 在DOM中直接绑定事件

jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解_jquery

本文实例分析了jQuery中bind(),live(),delegate(),on()绑定事件方法.分享给大家供大家参考,具体如下: 前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到各位朋友,文中如有不当之处,还望各位指正,话不多说,直接进入正题. 一.bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 复制