【js通用绑定事件函数】的更多相关文章

js通用绑定事件函数

…

面试时被问到js的绑定事件，我居然不知道怎么回答。回来查了下，做个笔记

事件绑定是几种方法 以下为例: <button id='btn'>click me</button> function Btn(){ alert('click'); } 1.直接在元素上绑定回调函数:<button id='btn' onclick='clickBtn()'>click me</button> 2.JS获取DOM元素对象后,对onclick属性赋值,绑定事件: document.getElementById('btn').onclick =…

JavaScript跨浏览器绑定事件函数的优化

JavaScript作为一门基于事件驱动的语言(特别是用在DOM操作的时候),我们常常需要为DOM绑定各种各样的事件.然而,由于低版本的IE的不给力,在绑定事件和移除事件监听上都与众不同,我们常常需要自己封装一个跨浏览器绑定(移除)事件的函数.跨浏览器添加(移除)DOM事件的一种非常经典的实现代码如下: //跨浏览器添加事件 function addHandler(target, eventType, handler) { if(target.addEventListener) { //DOM2…

js元素绑定事件

想给一个元素绑定一个方法之后,在绑定一个方法而且不被覆盖 window.onload = function () { alert('a'); } window.onlaod=function(){ alert('b') } 我们发现它只弹出一个,有一个被覆盖了 下面就说一下js中的绑定事件 attachEvent(IE中用) var oBtn = document.getElementById('btn1'); oBtn.attachEvent('onclick', function () {…

JS中绑定事件顺序（事件冒泡与事件捕获区别）

在JS中,绑定的事件默认的执行时间是在冒泡阶段执行,而非在捕获阶段(重要),这也是为什么当父类和子类都绑定了某个事件,会先调用子类绑定的事件,后调用父类的事件.直接看下面实例 <!Doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;p…

js中绑定事件处理函数，使用event以及传递额外数据

IE8中使用attachEvent绑定事件处理函数时,不能直接向event 对象添加数据属性.可以用属性复制的方法,包装新的event对象. 1. 属性复制var ObjectExtend = function(destination, source) {   for (var property in source) {    destination[property] = source[property];   }   return destination;}; 2. 绑定事件var atta…

js bind绑定事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div1"> </div> <div id="div2">tinajia</…

原生js在绑定事件时不用获取id名可直接用id名绑定？？？

<div id="btn"> 点击 </div> <script> btn.onclick=function(){ console.log(btn);//输出该元素 } </script> 此种原因竟然无报错,有些让人大跌眼镜,查询了一下原来这个最初的IE的标准,后来其它浏览器也支持, 但最终没有纳入标准,毕竟这样写btn是全局的作用域容易混乱,你可以给它赋值为数字123...…

[JS] jq绑定事件的参数传递

$(function(){ var obj = {name:"select",param:"2"}; $("#select").click(obj,select); function select(event){ console.debug(event.data.param); } $("#select").change({msg: "ok"}, function(event) { myHandler(ev…

JS批量绑定事件

,,,,] for(var j in a){ $("#" + j).click(function () { // 前提是先动态生成id是j的标签 var id_cm = $(this).attr("id"); // 注意参数要获取当前点击标签的id,不要传j,因为当点击标签时j始终是5(就是最后一个值),可以自己去验证. iota(id_cm); }) } function iota(id){ console.log(id) }…