react 打电话+阻止冒泡

  const url = `tel:${phone}`;//点击电话阻止冒泡const clickPhone = (event: any) => {event.stopPropagation(); };

  <a href={url} onClick={clickPhone}>{phone}</a>

react 打电话+阻止冒泡相关推荐

React中阻止冒泡
title: React中阻止冒泡 date: 2022-08-26 22:28:17 tags: React 框架阻止冒泡行为 categories: 框架 React React中阻止冒泡原因 ...
处理 react_【学习教程】React 中阻止事件冒泡的问题
来源 | https://www.cnblogs.com/Wayou/p/react_event_issue.html 在正式开始前,先来看看 js 中事件的触发与事件处理器的执行. js 中事件的监 ...
React合成事件(阻止冒泡stopImmediatePropagation)
文章目录一.遇到的问题问题描述分析二.React 合成事件 1.执行顺序 2.合成事件阻止冒泡 2.1e.stopPropagation 2.2 e.nativeEvent.stopImmed ...
react 八千字长文深入了解react合成事件底层原理，原生事件中阻止冒泡是否会阻塞合成事件？
壹 ❀ 引在前面两篇文章中,我们花了较大的篇幅介绍react的setState方法,在介绍setState同步异步时提到,在react合成事件中react对于this.state更新都是异步,但在原 ...
React 阻止冒泡失效
在react中可以用下面的阻止冒泡: e.stopPropagation();e.nativeEvent.stopImmediatePropagation(); e.nativeEvent 才是原生 ...
React 阻止默认事件和阻止冒泡
给 a 标签添加一个事件阻止默认事件 e.preventDefault(); class view extends Component {onAtag(e) {// 阻止默认事件放置跳转e.pre ...
点击事件事件委托的情况下实现阻止冒泡
最近在研究react的事件,都说他是合成事件,整个dom唯一绑定事件的是document. 我想这不就是事件委托么,有啥好研究的,于是我去重温了下事件委托,顺便看了阻止冒泡. 突然突发奇想,如果两个结 ...
【react】阻止默认事件
问题描述 js阻止默认事件点击手风琴右边按钮时,手风琴也会被展开,希望右边按钮的事件不要冒泡到父级元素. 解决方法 <ButtononClick={(e) => {e.stopPropa ...
重新认识vue之事件阻止冒泡
冒泡的表现近期用vue做了一个需求,大概是同一个区域,点击不同位置有不同的响应函数,还有个总的响应函数,好吧,如下图所示: 他们的DOM结构如下: <div v-for="(item ...

react 打电话+阻止冒泡

react 打电话+阻止冒泡相关推荐

最新文章

热门文章