一个特别的问题，点击A标签的onclick方法，在传参的情况下，又要阻止冒泡的问题

最新推荐文章于 2022-03-28 22:35:45 发布
最新推荐文章于 2022-03-28 22:35:45 发布
阅读量659 收藏
点赞数
分类专栏： javascript 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26634873/article/details/106272806
版权

一个特别的问题，点击A标签的onclick方法，在传参的情况下，又要阻止冒泡的问题

在这里插入图片描述

event 为点击事件的内置对象,可以不传,直接用

/**

  • 修改当前结点
  • @param row 行数据
    */
    function modifyStep(row){
    event.stopPropagation();
    $(’#pro_step_add’).dialog(“setTitle”, “修改”).dialog(‘open’);
    $("#stepDept").combobox(“setValues”,row.postId);
    $("#pro_step_add_content").form(“load”, row);
    }
qq_26634873
关注
专栏目录
2023年前端面试汇总-React
越陌度阡
06-29 871
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
onclick 阻止冒泡
qq_38394249的博客
04-12 1593
οnclick=“delInfo();event.cancelBubble =true;” 取消事件冒泡，在 IE 的事件机制中，触发事件会从子元素向父元素逐级上传，就是说，如果子元素触发了单击事件，那么也会触发父元素的单击事件；event.cancelBubble=true;可以停止事件继续上传 补充一点，Ie的事件传递是从下到上的： 事件来源对象->上级对象->上上级对象->…->body->document->window NS的事件传递是从上到下： window-
js阻止冒泡；阻止JS事件穿透
奔跑的菜鸡
12-15 1094
js阻止冒泡;阻止JS事件穿透 js阻止冒泡 <html> <title></title> <head> <meta charset="utf-8"> <style type="text/css"> .divone{width:100px;height:100px;background:black;position: relative;cursor: pointer} .divchild{
在传参数的情况下，取消冒泡事件
学渣蓝鲸的博客
08-28 1036
在开发过程中，我们总要遇到冒泡事件，文中提到的是在Vue组件绑定传参数时，如果直接在方法中传入一个参数像这样： 不需要在子点击事件中传值，只是取消外部的点击事件，下面的代码即可完成阻止冒泡功能。 &lt;div @click="clickParent"&gt; 父点击 &lt;p @click="clickChildren"&gt;子点击&lt;/p&gt; &lt;...
HTML onclick 绑定事件阻止冒泡
weixin_45162984的博客
08-20 1493
HTML onclick 绑定事件阻止冒泡 <li class="add" onclick="click(this)"></li> function click(elem) { var even = window.event || arguments.callee.caller.arguments[0]; even.preventDefault(); even.stopPropagation(); } ...
onclick防止冒泡和json对象放入
weixin_30947043的博客
06-29 146
onclick 阻止冒泡onclick="aa_click(event,name)" function aa_click(e,name){ if ( e && e.stopPropagation ) { e.stopPropagation(); } else { window.event.cancelBubble = true; ...
react事件操作
Debug的博客
07-18 1050
事件 1. React事件处理采用的是小驼峰命名法，而不是小写 2. React使用 JSX 语法时你需要传入一个函数作为事件处理函数 jsx <button onClick={{this.onFn> 11111 </button> js中的函数方法直接写一个字符串作为事件处理函数。 js <button onclick="onFn()"> qqqq </button> 但是react直接调用onClick={this.onFn}会有this指向问题
JS常见的兼容性问题汇总
Calla_Lj的博客
04-26 3096
JS常见的兼容性问题 1） 滚动条： document.documentElement.scrollTop||document.body.scrollTop 获取样式兼容 function getStyle(dom, styleName){ return dom.currentStyle? dom.currentStyle[styleName] getComputedStyle(dom)[st...
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 5001
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
探索 React 合成事件
pingan8787
11-22 4300
React 是一个 Facebook 开源的，用于构建用户界面的 JavaScript 库。 React 目的在于解决：构建随着时间数据不断变化的大规模应用程序。 其中 React 合成事件是较为重要的知识点，阅读完本文，你将收获： 合成事件的概念和作用； 合成事件与原生事件的 3 个区别； 合成事件与原生事件的执行顺序； 合成事件的事件池； 合成事件 4 个常见问题。 接下来和我一起开始学习吧~ 一、概念介绍 React 合成事件（SyntheticEvent）是 React 模拟原生 DOM 事.
js阻止默认事件（a标签跳转），阻止事件冒泡
热门推荐
seiEight的博客
05-27 1万+
最近刚学习完js基础，今天发现对js的默认事件阻止以及阻止事件的冒泡有点忘记，于是写这篇文章算是做一个总结，也是加深一下印象。 1.阻止默认事件 在html中有很多自带默认事件的元素，很典型的例子：a标签，如果给a标签绑定点击事件，触发后页面会有一个刷新，是a链接默认的跳转事件，阻止这个有很多方法 给a标签中href属性添加 <a href="javascript:;">链接</...
阻止a标签冒泡、默认行为
thlzjfefe的博客
04-02 5029
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </head> <body> <div id="divO...
JS 阻止事件的冒泡 - Kaiqisan
Kaiqisan的博客
09-03 338
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである.在以前，一直一件事情困扰着我，那就是我想要试图触发元素内部的点击事件的时候，总是会触发外部元素的点击事件，拦也拦不住，直到今天，我了解了事件冒泡，我才大彻大悟。 简答 function fun2(e) { e = e || window.event // window.event 用于兼容ie window.event ? e.cancelBubble = true : e.stopPropagation() consol.
jquery onclick绑定的方法阻止事件冒泡
weixin_44540711的博客
08-18 2980
记录一下，自己经常忘记老去百度 使用jquery onclick绑定的方法中要阻止事件冒泡其实非常简单，只需要传递一个参数即可，代码如下 <a target="_blank" href="http://www.baidu.com" class="annex-p" data-annex="baidu">点我去百度<i onclick="delAnnex(event)">关闭</i></a> <script> function delAnn.
a标签事件冒泡
jicai520的博客
07-25 1万+
当拥有一个父类时，会出现冒泡的情况 的href属性无效，这个时候需要阻止事件冒泡<!DOCTYPE html > <html> <head> <title>Porschev---Jquery 事件冒泡</title> <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script> </head> <body><form
js 事件冒泡是什么如何用jquery阻止事件冒泡
weixin_34318326的博客
12-03 216
  什么是事件起泡：一个事件不能凭空产生，这就是事件的发生等等，接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证，感兴趣的朋友可以参考下哈       （1）什么是事件起泡 首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要...
a标签和阻止事件冒泡
u013558123的博客
10-20 5916
昨天遇到一个奇葩问题，自己在<a>标签里面包了一个<img>标签，在<img>标签上定义了一个方法，点击方法用jqueryUI弹出窗口，结果点击图片的时候能正常的弹出窗口，但是很快一闪就自动关闭了，一直一位是冒泡的问题，但是写了阻止冒泡的方法还不行，后来以为是jqueryUI的问题，折磨了两个小时，最后把方法定义到<a>标签上，问题解决。原来是阻止冒...
html页面中阻止外层onclick事件触发
spurs611的博客
08-07 7423
在实现页面过程中，我们通常会遇见onclick事件的嵌套问题，当点击内层标签的onclick事件时，还会触发外层标签的onclick事件，我们要实现的就是阻止外层onclick事件的触发。   代码如下： html代码： &lt;body&gt;         &lt;!--             作者：mrzhao0611@163.com             时间：2018-0...
jsp的 a 标签写一个带传参数的onclick方法
最新发布
06-10
在JSP中使用a标签写带传参数的onclick方法可以使用以下代码： ```html <a href="#" onclick="myFunc('<%= parameter %>')">Link</a> ``` 其中，`parameter`是需要传递的参数，`myFunc`是自定义的JavaScript函数，用于处理点击事件并传递参数。注意，在JSP中需要使用`<%= %>`标签来嵌入Java代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值