Javascript 按住ctrl键并单击href时出现问题=#

我正在与余烬JS合作。我在点击时有一个

标签，我从JS提交一个表单并导航到目标url。一切正常

为了显示指针图标，我在HTML上使用了

href=“#”

。就像我多年来一直在做的那样

现在，QA突然决定右键单击并在新选项卡中打开，或者按CTRL键单击。现在所发生的是，一个新的选项卡被打开，URL如下所示

www.something.com/index.html/#

beacuse href是#

QA希望在新选项卡中看到目标页面

我有两个办法

删除href=#并给出CSS指针样式。因此，新选项卡不起作用

以某种方式打开选项卡并在新选项卡中发布表单

---

2是否可能？

您可以在CSS中使用

cursor:pointer

，而不是“黑客”一个

a

标记来获取指针

演示：

div{
高度：100px；
宽度：100px；
显示：内联块；
背景：番茄；
垂直对齐：顶部；
}
.卡斯{
光标：指针；
}

无光标
光标

您可以在CSS中使用

光标：指针

，而不是通过“黑客”一个

标记来获取指针

演示：


div{
高度：100px；
宽度：100px；
显示：内联块；
背景：番茄；
垂直对齐：顶部；
}
.卡斯{
光标：指针；
}
无光标
光标
您可以在CSS中使用
光标：指针
，而不是通过“黑客”一个
标记来获取指针

演示：


div{
高度：100px；
宽度：100px；
显示：内联块；
背景：番茄；
垂直对齐：顶部；
}
.卡斯{
光标：指针；
}
无光标
光标
您可以在CSS中使用
光标：指针
，而不是通过“黑客”一个
标记来获取指针

演示：


div{
高度：100px；
宽度：100px；
显示：内联块；
背景：番茄；
垂直对齐：顶部；
}
.卡斯{
光标：指针；
}
无光标
光标
使用假标记！比如说，
span.link
：


.link{color:#00f；文本装饰：下划线；光标：指针；}
这是链接吗？

使用假标签！比如说，
span.link
：


.link{color:#00f；文本装饰：下划线；光标：指针；}
这是链接吗？

使用假标签！比如说，
span.link
：


.link{color:#00f；文本装饰：下划线；光标：指针；}
这是链接吗？

使用假标签！比如说，
span.link
：


.link{color:#00f；文本装饰：下划线；光标：指针；}
这是链接吗？

也许你可以采取不同的方法，试试看

function removeHashAndGo(){
   var url_wo_hash = this.hash.substr(1);
   window.open(url_wo_hash, "_blank"); //opens in a new window without #
}

$('#your_anchor_id').click(removeHashAndGo); //on click will call fn removeHashAndGo()

也许你可以采取不同的方法，试试看

function removeHashAndGo(){
   var url_wo_hash = this.hash.substr(1);
   window.open(url_wo_hash, "_blank"); //opens in a new window without #
}

$('#your_anchor_id').click(removeHashAndGo); //on click will call fn removeHashAndGo()

也许你可以采取不同的方法，试试看

function removeHashAndGo(){
   var url_wo_hash = this.hash.substr(1);
   window.open(url_wo_hash, "_blank"); //opens in a new window without #
}

$('#your_anchor_id').click(removeHashAndGo); //on click will call fn removeHashAndGo()

也许你可以采取不同的方法，试试看

function removeHashAndGo(){
   var url_wo_hash = this.hash.substr(1);
   window.open(url_wo_hash, "_blank"); //opens in a new window without #
}

$('#your_anchor_id').click(removeHashAndGo); //on click will call fn removeHashAndGo()

使用javascript改变链接的语义含义，QA希望能够以除单击鼠标左键以外的其他方式调用该功能，这两种方法永远不会很好地结合，使用新的解决方案没有创造性。使用javascript来改变链接和QA的语义，希望能够以除单击鼠标左键以外的其他方式调用该功能，这是永远不会很好地混合的。我将添加cursor类，使用新的解决方案没有创造性。使用javascript来改变链接和QA的语义，希望能够以除单击鼠标左键以外的其他方式调用该功能，这是永远不会很好地混合的。我将添加cursor类，使用新的解决方案没有创造性。使用javascript改变链接和QA的语义含义，希望能够以除单击鼠标左键以外的其他方式调用该功能，这永远不会很好地混合。我将添加游标类，而不是用新的解决方案来创新。这与我指出的解决方案1相同。解决方案2可行吗？@aneeshere:我认为选项2是一种黑客行为，而我的答案的第二部分应该是你想要做的事情（使用那里的提交-这就是它的目的）。仅仅为了提交表格而打开一个标签是非常糟糕的做法，我建议甚至不要去那里。您是第一个“解决方案”将是一个更好的选择。这与我指出的解决方案1相同。解决方案2可行吗？@aneeshere:我认为选项2是一种黑客行为，而我的答案的第二部分应该是你想要做的事情（使用那里的提交-这就是它的目的）。仅仅为了提交表格而打开一个标签是非常糟糕的做法，我建议甚至不要去那里。您是第一个“解决方案”将是一个更好的选择。这与我指出的解决方案1相同。解决方案2可行吗？@aneeshere:我认为选项2是一种黑客行为，而我的答案的第二部分应该是你想要做的事情（使用那里的提交-这就是它的目的）。仅仅为了提交表格而打开一个标签是非常糟糕的做法，我建议甚至不要去那里。您是第一个“解决方案”将是一个更好的选择。这与我指出的解决方案1相同。解决方案2可行吗？@aneeshere:我认为选项2是一种黑客行为，而我的答案的第二部分应该是你想要做的事情（使用那里的提交-这就是它的目的）。仅仅为了提交表格而打开一个标签是非常糟糕的做法，我建议甚至不要去那里。你是第一个“解决方案”将是一个更好的选择。