如何处理onClick代码,如果用户点击“在新选项卡中打开链接”;在React js中
How to handle onClick code if user clicks "open link in new tab" in React js
我想运行一些跟踪代码,当用户点击一个按钮在我的react项目。但是,如果用户在新选项卡中打开它,则单击处理程序不会执行。
在React js中有什么解决方案吗?
简单的例子:
var Hello = React.createClass({
render: function() {
function click(event) {
event.preventDefault();
console.log('You can see me even is user clicked on "open link in new tab"')
}
return <div >
< a href = '#'
target = "_blank"
onClick = { click } > Go there < /a> < /div>;
}
});
React.render( < Hello / > , document.body);
应该没问题-
const Hello = React.createClass({
click(event) {
//here this is the component
event.preventDefault();
console.log('You can see me even is user clicked on "open link in new tab"')
},
render() {
return <div >
< a href = '#'
target = "_blank"
onClick = { this.click ///or this.click.bind(this) if you want to have this point to the component } > Go there < /a> < /div>;
}
});
相关文章:
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 在新选项卡中打开链接,但不使用_blank方法
- 打开选项卡中的链接
- JQuery-停止手风琴链接关闭所有选项卡
- 文本链接可更改引导程序选项卡
- <中的链接;选择>下拉选项
- 如何禁用鼠标中键单击超链接以在新选项卡或新窗口中打开
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 如何在新选项卡中打开链接以及在当前选项卡中重定向
- 表单上预先选择的选项取决于您的链接'We’’’’来自
- 如何超链接在新选项卡中打开并携带一些变量的选择标记
- 如何防止iframe中的链接在新选项卡中打开
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 打开除域之外在新选项卡中打开的所有外部链接
- 单击链接时添加另一个选项
- 如何使用角度材质应用选项卡链接波纹
- 谷歌地图点击链接/选项卡更改标记位置地图
- 如何在分页期间链接回特定的jquery ui选项卡
- 选项卡中的a href链接没有执行任何操作
- 提交表单的可能性(左-/中-/在新选项卡或窗口中打开-)单击html链接