js一个事件绑定多个函数

最新推荐文章于 2022-04-27 13:02:46 发布

qq_28582697

最新推荐文章于 2022-04-27 13:02:46 发布

阅读量1.3k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_28582697/article/details/52075830

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

function addEvent(fn,evtype,obj){

//obj是要添加事件的HTML元素对象

//evtype是事件名称

//fn是事件处理函数

var oldFn

if(obj["on"+evtype] of Function){ //检测是否已经注册监听函数事件

oldFn=obj["on"+evtype]; //保存监听函数事件

}

obj["on"+evtype]=function(){

if(oldFun){

oldFn.call(this);

}

fn.call(this) //使用call方法，使事件处理函数this仍然指向obj

}

事件函数已经绑上去了，那么如何删除指定事件函数呢？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_28582697

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS中为一个事件绑定多个响应函数

ChuanyangChen的博客

02-21

1312

JS中为一个元素的相同事件同时绑定多个响应函数利用addEventListener(1,2,3)为元素绑定响应函数参数1：事件的字符串，不要on，比如“click” 参数2：回调函数，当事件触发时该函数会被调用参数3：是否在捕获阶段触发事件，需要一个布尔值，一般都传false <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http

javascript attachEvent绑定多个事件执行顺序问题

10-28

如果需要绑定多个函数，则需要在函数内部再次调用其他函数： ```javascript function a() { // 第一个函数的逻辑 b(); } function b() { // 第二个函数的逻辑 } ``` 或者，可以在JavaScript代码中，使用`...

参与评论您还未登录，请先登录后发表或查看评论

javascript同一个事件如何注册多个处理函数

互联网－从零开始

11-17

1296

定义增加事件的函数： function addEvent(obj, type, fn) { if (obj.addEventListener) obj.addEventListener(type, fn, false); else if (obj.attachEvent) obj.attachEvent('on' + type, function

js代码: 鼠标单击、双击事件分离

weixin_43857112的博客

05-23

242

var timeout; var isdb; function onClick(e) { isdb = false; timeout = setTimeout(function () { if (isdb !== true) { console.log("单击事件"); } }, 500); } function onDblClick(e) { isdb = true; console.log("双击事件")

js：按钮绑定多个事件的三种方法（js，DOM，jQuery）

qq_52824207的博客

04-27

7489

1.js可以直接通过通过button的onclick添加多个函数来绑定多个事件。 2.DOM可以通过事件监听函数addEventListener绑定事件。 3.Jquery可以通过click方法来绑定事件。完整代码： <!DOCTYPE html> <html lang="en"> <head> <title>按钮绑定多个事件</title> <meta charset="utf-8"&gt

javascript为同一事件绑定多个执行函数

sunny未来一族的博客

04-03

3760

绑定事件目的：为解决页面中同时存在多个window.onload，前一个函数不会其后面的函数覆盖。兼容性处理： IE方式： IE：attachEvent( '事件名' ,函数) IE： detachEvent( '事件名' ,函数) DOM 方式：！IE：addEventListener( '事件名' , 函数,...

js给一个对象的同一个事件绑定多个不同的函数（一个按钮点击两次得到不同结果）

林中明月间丶

05-11

6419

把多个JavaScript函数绑定到onload事件处理函数上的方法

10-21

当开发者需要绑定多个函数到onload事件上时，通常会遇到一些问题，比如只能绑定一个函数到单一事件处理器上的限制。本文将详细介绍几种方法来解决这个问题，以及如何优雅地将多个JavaScript函数绑定到onload事件上。...

jQuery使用bind函数实现绑定多个事件的方法

10-19

本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。首先，`bind`函数的基本语法如下： ```javascript $(selector).bind(eventType, function[, data], handler); ``` 这里，`selector`是匹配...

如何把多个js函数绑定到事件上面

suwu150

12-29

2565

在给网页加一些特效时,经常要加入“onload”事件，即在网页加载完后执行某事件，例如：<body onload=”alert(‘欢迎光临!’)”，但这样做有个大的缺陷，事件会在网页完全下载完后才会执行，包括网页中的静态资源（图片或Flash等），如果网页中的图片比较大或有很多图，可能还没等网页完全下载完网友已经点击链接到其它网页去了，这样这个事件就没有执行了。这时我们会想到用“window.o

js中一个函数处理多个事件的方式

qq_36060786的博客

03-03

2601

通常可能需要给某个元素绑定多个事件处理程序，此时普通法办法是一个一个绑，但下边有一个更高大上的方法，就是利用event.type属性。将所有事件的实现全部放在一个函数中，然后用event.type判断对象绑定的事件类型。var oBox = document.getElementById("box");var handle = function(e) { e = e||window.e; swit...

JS一个元素怎么绑定多个事件

BarryLee的博客

02-09

6093

有时候一个一个元素要绑定多个事件，其实是分开写先看这个例子，我们预期它先执行alert1，然后是alert2，但事实上是没有alert1，因为覆盖了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绑定多个事件&lt

关于javascript事件触发多个函数的使用

jungle_java的专栏

07-19

7023

今天在项目中遇到一个问题：有两个在不同的js文件中的函数，一个是用来校验form中的日期输入是否合法一个是用来重置iframe的src。我在onclick事件中触发了这两个方法，此处暂时定为fun1和fun2，其中fun1用来校验合法性，fun2用来重置src。最初的时候我是这样

js同一标签绑定多事件的方式

kloumb的博客

08-23

966

jquery同一标签绑定多个事件的几种方式 ①$(document).ready(function(){ $("button").bind({ click:function(){}, mouseover:function(){}, mouseout:function(){}; }); }); ②$(function(){ ...

JS中为同一个元素绑定多个事件指向同一个函数

qq_41557320的博客

10-10

981

为同一个元素绑定多个不同的事件,指向相同的事件处理函数

liuguoxuanvip的博客

01-23

320

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <input ty

JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数

星空nwk的博客

10-07

997

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> head> body> button id="btn">按钮button> script src="../common.js">script> script> my$("btn").addEventListener("click", f1)

js多个按钮绑定同个事件