需求
我现在有这样一个需求，点击超链接时，不让其跳转到href指定的路径页面，而当a标签在浏览器的书签栏中时可以跳转；如下图
1.需求图示
解决办法
1.传统的html页面，不使用react框架；在a标签的onClick事件中return false即可（如下图）
传统方法解决
2.在react框架中解决代码如下，
在react框架中解决
同时请考虑在ie中是否存在该事件；也可使用原生js代码解决，网上有好多；
我现在有这样一个需求，点击超链接时，不让其跳转到href指定的路径页面，而当a标签在浏览器的书签栏中时可以跳转；如下图
1.需求图示
1.传统的html页面，不使用react框架；在a标签的onClick事件中return false即可（如下图）
传统方法解决
2.在react框架中解决代码如下，
在react框架中解决
同时请考虑在ie中是否存在该事件；也可使用原生js代码解决，网上有好多；
需求 我现在有这样一个需求，点击超链接时，不让其跳转到href指定的路径页面，而当a标签在浏览器的书签栏中时可以跳...
React Native中页面跳转、传值与回调 标签（空格分隔）： React React Native中页面跳转...
思路是用js阻止html页面a标签跳转，把要跳转的url地址传到react-native里，使用Linking打开...
常用事件修饰符 .stop 阻止冒泡 .prevent 阻止默认行为 (比如点击a标签跳转页面) .once 只...
1，标签跳转 2，点击事件跳转
当把a标签作为按钮来用时，会有一个问题：a标签被点击时，会发生跳转；为解决此问题，我特意研究的a标签的跳转行为，总...
一。 网页中的元素都有自己的默认行为，比如点击a标签的时候会自动跳转、点击提交按钮后表单会提交，有时我们需要阻止默...
1.页面跳转 在网站中我们经常会遇到，页面跳转的情况，比如点击登录，可以跳转到登录页面，点击注册可以跳转到注册页面...
阻止a标签跳转的两种方式
1.preventDefault ：就是阻止系统默认行为，可以阻止a标签的默认行为，比如href跳转链接e.pre...
本文标题：react中阻止a标签点击跳转，作为书签时可以跳转
本文链接：https://www.haomeiwen.com/subject/dokkuxtx.html
网友评论