js给同一个对象绑定多个事件

2024-11-07

Javascript 事件对象（四）一个事件绑定多个不同的函数

给一个对象绑定多个事件处理函数: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> //给一个对象绑定一个事件处理函数的第一种形式 //obj.onclick = fn; func

(转载)js(jquery)的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): $('.right').on('click','.tabDel',function(){//删除所

js中同一个onclick绑定了两个js方法出现的问题

问题: js中如果同一个onclick绑定了两个js方法问题,即 <li onclick="f1(),f2()"></li> 两个方法f1,f2中都分别有一个ajax请求. 测试发现,经常有一个或两个ajax请求异常,通常是显示状态码都是200请求成功,但是实际上,浏览器收不到返回参数,这就造成js报错 data is null 等等. 而且,在java后台,往前台写入json数据的方法也经常会报错,比如: flush writer流时出错620015:AP

JQuery 多个ID对象绑定一个click事件

一.表单的多个radio对象绑定click: $("#ImgRadio :radio").click(function(){ func(); });

获取 js DOM元素中绑定的所有事件,模仿 chrome getEventListeners

偶尔看到了这个问题,如何用JS获取元素某一事件上绑定的所有Listener? 突然觉得好像是有解决办法的,查了下,在 chrome 下,支持 window.getEventListeners(obj) 例如: addEvent(aLink, 'click',f, false); window.getEventListeners(aLink) 返回: 如果要模仿 chrome 实现呢,也是可以的,需要修改 addEventListener 和 removeEventListener,或者你自己自定

js 实现图片预加载（js操作 Image对象属性complete ，事件onload 异步加载图片）

通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入,我谈谈对Image对象的一些认识.看个例子:<input type="button" name="" value="载入图片" onclick="addImg('tt.jpg')" /><script type="text/javascript"><!-- function addImg(isrc)

一个jQuery对象绑定多个事件

1.两个事件有两种不同的方法 jQuery("#id").click(func1(){}).mouseover(func2(){}) ; 2.两个事件调用同一种方法 jquery("#id").bind("click mouseover",function(){});

Js,JQuery不同方式绑定的同一事件可以同时触发,互不干扰

比如,onclick绑定,然后jquery.on("click", function(){})绑定等

python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))

一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值.这个方法不接受任何参数..css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px).当一个元素的宽度需要数学计算的时候推荐使用.width() 方法 . 举例: <!DOC

给js动态创建的对象绑定事件

1.使用原生JS动态为动态创建的对象绑定事件 1-1.创建一个function,用来兼容IE8以下浏览器添加事件 function addEvent(el, type, fn) { if(el.addEventListener){ el.addEventListener(type,fn,false) }else if(el.attachEvent()){ el.attachEvent('on' + type,fn,false) }else{ return false }} 1-2.使用JS创建

JS中事件绑定函数，事件捕获，事件冒泡

1 事件绑定:事件与函数绑定以及怎么取消绑定 1.1 元素.onclick这种形式,如下: <div id="div1">aaa</div> <script type="text/javascript"> var oDiv1 = document.getElementById('div1'); oDiv1.onclick = function(){ alert(this.innerHTML); //将会弹出aaa } </s

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

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

JS---DOM---为同一个元素绑定多个不同事件指向同一个事件处理函数

为同一个元素绑定多个不同事件指向同一个事件处理函数 1. 用了switch(e.type){} 来修改 2. break <input type="button" value="小苏" id="btn" /> <script src="common.js"></script> <script> //为同一个元素绑定多个不同的事件,指向相同的事件处理函数 my$("btn

node.js绑定监听事件EventEmitter类

Node.js 有多个内置的事件,我们可以通过引入 events 模块,并通过实例化 EventEmitter 类来绑定和监听事件,如下: // 引入 events 模块 var events = require('events'); // 创建 eventEmitter 对象 var eventEmitter = new events.EventEmitter(); //或者如下 var EventEmitter = require('events').EventEmitter; var ev

学习javaScript必知必会(4)~事件、事件绑定、取消事件冒泡、事件对象

1.常用的事件: ① onload:页面加载 ② onblur: 失去焦点 onfocus: 获取焦点 ③ onclick:点击 ④ onmouseover:鼠标经过 onmouseout:鼠标离开 ⑤ onchange:内容改变 ⑥ onsubmit:表单提交 2.绑定事件方式: (1)行内绑定: <元素事件="事件处理程序(函数)"> <script> function 函数名(){ console.log(this); //行内绑定的this是指向win

js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象

事件对象在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息.所有浏览器对象都支持event对象,但支持方式不同. DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中.无论指定事件处理程序时使用什么方法(DOM0级或DOM2级),都会传入event

原生js绑定和解绑事件,兼容IE,FF,chrome

主要是最近项目中用到了原生的js 解绑和绑定事件然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解除这个事件.贴上代码,这个是可以运行的,兼容 IE FF chrome <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

由于js词法性质和全局变量被更改，循环绑定的click事件执行时变量和定义时不一致的bug，各种解决方案。

由于js词法性质和全局变量被更改,循环绑定的click事件执行时变量和定义时不一致的bug,各种解决方案. 动态在页面上添加了5个按钮,实现的功能应该是点击对应按钮在控制台输出相应的索引.但因为应该是i的变量应该一直指引的对应的地址,所以一直输出的是5.就是想请教您一下,这种问题应该是怎么样的一个解决思路.您要是有时间的时候帮我看下.非常感谢! 问题: //这个有bug,一直输出5 for (var i =0 ; i<5 ; i++){ var btn = document.createEle

js课程 5-13 js事件绑定和鼠标事件注意事项有哪些

js课程 5-13 js事件绑定和鼠标事件注意事项有哪些一.总结一句话总结:js代码的灵魂就是改变标签的属性和样式,就这两种. 1.js触发改的东西是哪两样? 属性和样式 2.js如何让页面用标题显示测试的数据? document.title 3.循环单击怎么实现(代码优化的思想:灵活)? 如果判断是this.src是a.png就让它变成b.png并不是最好的方式,最好的方式是让i++,来判断i的奇偶,而且前一种在图片发生改变的时候就失效了,后一种并不会,所以第二种方法更加灵活,值得推荐,

Js为Dom元素绑定事件须知

为异步加载的Dom 元素绑定事件必须在加载完成之后绑定: $('body').load('LearnClickBinding.ashx');$('a').click(function () { alert('I was clicked!'); }); 上面的绑定是无效的,因为异步加载需要时间,而在获取元素之前,早已执行了$('a').click();方法,所以绑定失败. 正确的做法是,等待元素加载完后再执行 $('a').click(); $('body').load('LearnClickBi

js和jQuery中的事件绑定与普通事件

普通事件,是指直接对元素进行事件注册,然后触发而事件绑定是将事件注册到元素上两者区别就是在于普通事件不可以重复添加多个事件,若添加也会覆盖,只会触发其中一个事件(最后注册的那个) 而事件绑定是可以重复绑定多个事件,而且都可以触发 <html> <a class="ack1">点击触发绑定事件</a><br><br> <a class="ack2">点击触发普通事件</a> <

js给同一个对象绑定多个事件

热门专题