onclick绑定多事件

缘由：我需要在一个带链接的a标签上添加一个单击响应事件，但是它已经绑定了一个响应事件且不可去掉。如下：

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><a target="_blank" href="http://www.baidu.com" onclick="return tree(72)">hahhahahhashibushisha</a></body><script>function tree(num){if (num > 2) {return true;}else{return false;}}
</script>
</html>

由于这里需要tree的返回值来决定是否前面的链接是否跳转。所以在这里把

οnclick=”return tree(72)”

拿出来跟你所要添加的函数融合成一个函数绑定在onclick事件上是行不通的。此时的做法是：

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>测试</title>
</head>
<body><a target="_blank" href="http://www.baidu.com" onclick="test();test2();return tree(72)">hahhahahhashibushisha</a></body><script>function test() {alert("触发了第一个事件");}function test2() {alert("触发了第二个事件");}function tree(num){if (num > 2) {return true;}else{return false;}}
</script>
</html>

以这种形式才能正确的达到要求。再多个函数要被调用同理。

当然还有其他方法可以达到执行多个事件的效果，但在我的需求下选用这种比较合适。

使用这种方式的根本原因：
主要是最后要接一个return true或者return false，来决定页面是否跳转。
而我前面的函数要求是在为true时才需要的

才疏学浅，有不妥之处还望斧正
记录以学习之

onclick绑定多事件相关推荐

关于JS 事件冒泡和onclick,click,on()事件触发顺序
今天在给JQgrid中的标签添加click事件的时候,发现一个问题. JQgrid的table中,点击任何位置,都会勾选点击行的checkbox,而我希望在点击我的标签的时候,不要勾选checkbox ...
「后端小伙伴来学前端了」关于Vue中的自定义事件，组件绑定自定义事件实现通信
傍晚的月亮前言原本这篇打算写Vue中的那个全局事件总线的原理,但是发现自己少写了这个自定义事件,不讲明白这个自定义事件的操作,不好写全局事件原理,于是就有了这篇文章拉. 一.v-on指令要讲自定 ...
addeventlistener事件第三个参数_简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序...
这篇文章主要介绍了javaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序整理总结的相关资料 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在htm ...
六十二、Js中的冒泡和捕获点击事件和Vue组件绑定原生事件
2020/10/18 . 周日.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/18 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
JavaScript基础14-day16【事件委派、事件绑定、事件传播、滚轮事件、键盘事件、键盘移动div】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
事件绑定、事件监听、事件委托
2019独角兽企业重金招聘Python工程师标准>>> 在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定.事件监听.事件委托(事件代理)等 ...
你真的理解事件绑定、事件冒泡和事件委托吗？
一文了解Web API中的事件绑定.事件冒泡.事件委托引言正文一.事件绑定 1.事件和事件绑定时什么? 2.事件是如何实现的? 二.事件冒泡 1.事件模型 2.事件模型解析 (1)捕获阶段 (2 ...
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...
javascript的事件绑定与事件委托
昨天有位web前端爱好者问关于javascript事件绑定和事件委托的知识,小编今天就来跟大家交流一下这个知识点! 事件绑定:事件是用户或者浏览器自身进行的特定的行为,这些事件都有自己特定的名字,如: ...

onclick绑定多事件

缘由：我需要在一个带链接的a标签上添加一个单击响应事件，但是它已经绑定了一个响应事件且不可去掉。如下：

onclick绑定多事件相关推荐

最新文章

热门文章