Javascript 双击时打开链接
如何使超链接Javascript 双击时打开链接,javascript,jquery,html,Javascript,Jquery,Html,如何使超链接link成为双击链接:即:链接应在双击时打开,而单击则不应执行任何操作。您可以使用Javascript执行此操作: <a href="#" onclick="javascripot:void(0)" ondblclick="javascript:DoMyWorkFunction()">a:x</a> 尝试使用span而不是链接。大概是这样的: <span ondblclick="window.location='http://www.google.co
link
成为双击链接:即:链接应在双击时打开,而单击则不应执行任何操作。您可以使用Javascript执行此操作:
<a href="#" onclick="javascripot:void(0)" ondblclick="javascript:DoMyWorkFunction()">a:x</a>
尝试使用span而不是链接。大概是这样的:
<span ondblclick="window.location='http://www.google.com'" style="color:blue;text-decoration: underline;">Click Here</span>
点击这里
好的,那么,您可以这样做:
HTML:
实时复制:
jQuery(函数($){
$('#golink')。单击(函数(){
返回false;
}).dblclick(函数(){
window.location=this.href;
返回false;
});
});代码>
试试这个:
<a ondblclick= "openLink('your_link')">Link</a>
<script>
function openLink(link)
{
location.href = link;
}
</script>
好问题,我一直在寻找答案。我想出了这个(用Chrome测试)。将以下属性添加到链接:
onclick="return false" ondblclick="location=this.href"
e、 g
您可以使用JavaScript实现这一点:但如果不是针对非常特殊的情况,我不会建议您这样做。用户不习惯双击链接。始终遵循最小意外的原则。常规的单击有问题吗?只是好奇,用例是什么?与其他99.99%的网络行为不同通常不是一个好主意。当我单击任何数据时,它应该会在其中打开一个表单。但客户希望使用双击打开该表单。数据看起来不像链接,但当我单击它时,它应该会调用一个操作。@Muhammad Zeeshan:好的,这是一个合理的使用案例。在DOM0(属性)事件处理程序中不使用javascript:
。只有href
等。为什么我们不能使用javascript:?a
没有name
或href
属性的元素无效:+1:这是唯一一个没有JS可以正常工作的答案。根据OP,没有JS它就不能正常工作,因为他想要的是他该死的双击:)用例:我在表上做内联编辑。当我单击任何数据时,它应该会在其中打开一个表单。但客户希望使用双击打开该表单。数据看起来不像链接,但当我单击它时,它应该会调用一个操作。如果(单次)单击时没有.preventDefault()
,它就不能工作。@IvanaG.B.-它与jQuery一样,因为jQuery事件处理程序中的returnfalse
意味着preventDefault
和stopPropagation
。在本机DOM处理程序中没有,因为这在本机DOM处理程序中不是真的。虽然这是真的,而且可能是更好的方法,但我的答案符合他的要求。Guillerme Oenning:有更好的方法来实现OP想要的东西:虽然他不应该首先实现双击,但如果他想实现双击,他应该使用
而不是
。但是他想要的东西不应该被称为链接,它更像是一个按钮,这就是我使用
@Guilherme的原因:“但是他想要的不应该被称为链接,它更像一个按钮……”公平点!我不会让它看起来像一个,但这仍然是一个公平的观点。@Oenning:然后使用
:显然,如果你想使用“目标”行为,你需要采取额外的步骤,但对于简单的东西,我的方法是有效的。
<a ondblclick= "openLink('your_link')">Link</a>
<script>
function openLink(link)
{
location.href = link;
}
</script>
<a ondblclick="location.href='your_link'">Double click on me</a>
onclick="return false" ondblclick="location=this.href"
<a onclick="return false" ondblclick="location=this.href" href="http://www.google.com">Google</a>