js addEventListener attachEvent

attachEvent方法,为某一事件附加其它的处理事件.(不支持Mozilla系列) addEventListener方法用于 Mozilla系列举例: document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = meth…

addEventListener attachEvent和解决IE 6 7 8 this指向错误

[JS] addEventListener attachEvent和解决IE 6 7 8 this指向错误电梯直达 1# php 发表于 2014/4/13 01:17 | 只看该作者标准浏览器中可以使用addEventListener()函数来给DOM元素绑定事件,使用removeEventListener()函数移除事件绑定,而IE6 IE7 IE8不支持addEventListener()和removeEventListener(),只能使用attachEvent()和de…

js addEventListener事件多次绑定问题

如果为了避免 js addEventListener事件多次绑定问题,可以使用.onclick直接绑定,后一次click绑定会覆盖调前一次.…

javascript中addEventListener(attachEvent)具体解释

addEventListener 有三个參数:第一个參数表示事件名称(不含 on,如 "click").第二个參数表示要接收事件处理的函数:第三个參数为 useCapture.样例例如以下: <button type="button">点击我</button> <img src="11 (6).jpg" alt="" style="display:block"> <…

一道JS addEventListener面试题

在园里看到一道面试题,<div id="test">Click Here</div> var node=document.getElementById('test'); node.onclick=function(){ console.log('1'); } node.addEventListener('click',function(){ console.log('2'); },false); node.onclick=function(){ console.…

js,addEventListener参数传递

解决方法因为i相对匿名函数是外面的变量,就把循环绑定的时候,将i的值传入到匿名函数内,就可以了.因此需要在匿名函数(事件函数)外包裹一个匿名函数, 并立即执行. var elems = document.getElementsByTagName('a'); for (var i = 0; i < elems.length; i++) { elems[i].addEventListener('click', (function (num) { return function (e){ e.pre…

js addEventListener调用传参函数

先看这段代码 function abc(key){ console.log(key); } for(let i=0;i<oInput.length;i++){ oInput[i].addEventListener('focus',abc(i)); } 会发现focus这个操作还未执行,i的值已被依次打印出来. 如何传入传参函数而不被立即执行呢,方法一:给addEventListener绑定一个匿名函数. element.addEventListener('mouseover',function(…

js addeventlistener 刮刮贴

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /><style>…

js 中 attachEvent 简示例

attachEvent绑定事件,函数的默认this指向为window,要解决问题可以通过call改变方法的指向! var div = document.getElementsByTagName('div')[0]; div.attchEvent('onclick',function(){ handle.call(div); //改变的this指向 }); function handle(){ console.log(this); }…

addEventListener和attachEvent以及element.onclick的区别

addEventListener和attachEvent以及element.onclick的区别 attachEvent是ie添加事件处理程序,接收两个参数,其中事件类型名称要加"on", 可以添加多个事件处理程序,按照添加顺序相反的顺序触发; addEventListener是给非ie添加事件处理程序,接收三个参数,第一个是事件名,不需要加“on”, 第二个是绑定的函数,第三个参数是一个布尔值,是事件的方式,意思是是否使用useCatch方式, 如果是false,就使用传统的冒泡方式…

util.js

轻量基础库.方法库用时可直接拷贝拆卸式使用适用于mobile端简单页面适用于PC简单页面基于node.php等多种构建方法 (function(M){ /** * 初始化Ajax请求 * @param {object} option 参数 * { * data: {key: val}, //数据JSON * method: 'GET', //GET 或者 POST * url: 'http://qq.com', //cgi地址 * success: function(res){ //成…

原生js dom记忆的内容

1.DOM基础getElementByIdgetElementByTagNamegetElementByName getElementsByClass querySelector querySelectorAllgetAttributesetAttributeremoveAttribute domobj.tagNamedomobj.innerHTML innerHTML与innerText的区别.http://akunamotata.iteye.com/blog/440863domobj.idd…

js事件监听机制(事件捕获)总结

在前端开发过程中我们经常会遇到给页面元素添加事件的问题,添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同,le浏览器只有事件冒泡,没有事件监听的机制,对于事件监听的兼容性问题是最大的难题: 1.直接把事件的方法写在页面结构上 function eventfun(){ //console.log(this); } <input type="button" onclick="eventfun()&qu…

原生JS写Ajax的请求函数

一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面:ajax的技术核心是 XMLHttpRequest 对象:ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应数据: 下面简单封装一个函数,之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地址 type: "POST", //请求方式 data: { name: "super", age: 20 },…

JS 事件派发器EventDispatcher

在Java和AS中经常用到EventDispatcher,写了一个JS版本的. addListener :添加事件监听器 removeListener:移除事件监听器 dispatchEvent:派发事件 /** * Created by taozh on 2015/7/11. * Mail:wiui@hotmail.com */ var z = {}; z.EventDispatcher = function () { this.__z_e_listeners = {}; }; z.Eve…

jquery-1.11.1.js

每次想要使用这个js时,总是要到官网上下载,太麻烦,现在把它收录了 jquery-1.11.1.js /*! * jQuery JavaScript Library v1.11.1 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors * Released under…

原生JS实现AJAX、JSONP及DOM加载完成事件，并提供对应方法

JS原生AJAX ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRequest 对象: ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应数据: 下面简单封装一个函数,之后稍作解释 ajax({ url: "./testXhr.php", //请求地址 type: "POST", /…

js便签笔记（5）——Dean Edwards大牛的跨浏览器AddEvent()设计（不知道是不是jQuery事件系统的原型）

1. 前言: 在看Aaron的jquery源码解读时候,看到事件系统那块,作者提到了Dean Edwards的添加事件的设计,于是就点进去看了看.首先让我吃惊的是,代码非常少,寥寥几十行,非常简单.于是我就仔细的看了看(如果代码太多,可能就直接不看了). 这段代码是Dean Edwards在2005年写的了,那时候还没有jquery.但是它的设计思路确实和jquery的事件系统有些相似,即便是在9年之后的今天. 于是把这段代码仔细研究,并在此跟大家分享以下.它将帮助你更好的理解jquery的事件…

用原生js实现ajax、jsonp

转载: http://www.cnblogs.com/yangheng/p/6065910.html 一.原生js实现ajax $.ajax({ url: '', type: 'post', data: {name: }, dataType: 'json', success: function (data) { }, error: function () { } }) function ajax(options) { options = options || {}; options.type =…

兼容ios和Android的复制js代码

//2种方法本人全部亲测有效方法1:比较简单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h…

move.js运动插件

move.js 运动插件是一款针对元素动画效果的插件.可以运用此插件制作出各类元素效果. 插件GitHub地址:https://github.com/visionmedia/move.js 下面整理学习心得: 一.move.js原码: ;(function(){ /** * Require the module at `name`. * * @param {String} name * @return {Object} exports * @api public */ function requ…

原生JS实现AJAX、JSONP及DOM加载完成事件

一.JS原生Ajax ajax:一种请求数据的方式,不需要刷新整个页面:ajax的技术核心是 XMLHttpRequest 对象:ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应数据: 下面简单封装一个函数,之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地址 type: "POST", //请求方式 data: { name: "super", age: 20 },…

JS原生ajax

原文链接:http://caibaojian.com/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRequest 对象: ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应数据: 下面简单封装一个函数,之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地址 type: "POST", //请求方式…

js事件监听机制(事件捕获)

在前端开发过程中我们经常会遇到给页面元素添加事件的问题,添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同,le浏览器只有事件冒泡,没有事件监听的机制,对于事件监听的兼容性问题是最大的难题: 1.直接把事件的方法写在页面结构上 ? 1 2 3 4 function eventfun(){ //console.log(this); } <input type="button" onclick="eve…

js 内存泄漏

在javascript中,我们很少去关注内存的管理.我们创建变量,使用变量,浏览器关注这些底层的细节都显得很正常. 但是当应用程序变得越来越复杂并且ajax化之后,或者用户在一个页面停留过久,我们可能需要去注意一些问题,如一个浏览器花费了1G以上的内存,并且在不断的增加.这些问题常常都是因为内存泄露引起. Javascript 内存泄露这个javascript内存管理的核心概念就是具不具有可达性的概念. 1 一个明显的对象集合将会被认为是可达的:这些对象是被知道的像roots一样. 包括那些所…

关于js中对事件绑定与普通事件的理解

普通事件指的是可以用来注册的事件: 事件绑定是指把事件注册到具体的元素之上. 通俗点说: 普通事件:给html元素添加一个特定的属性(如:onclick): 事件绑定:js代码中通过标记(id tag class)获取元素,给元素添加特定的方法(如:onclick): 扩展:事件监听addEventListener事件可以绑定多次事件,并进行触发 div1.onclick = function(){}; <button onmouseover = " "></but…

前端读者 | 百度前端编码规范（JS）

本文来自:百度FEX 1 前言 JavaScript在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使JavaScript代码风格保持一致,容易被理解和被维护. 虽然本文档是针对JavaScript设计的,但是在使用各种JavaScript的预编译语言时(如TypeScript等)时,适用的部分也应尽量遵循本文档的约定. 2 代码风格 2.1 文件 [建议] JavaScript 文件使用无 BOM 的 UTF-8 编码. 解释:UTF-8 编码具有更广泛的适应性.BOM 在…