双击即可打开链接

Question

如何使超链接<a>Link</a>成为双击链接:i:e链接应该双击打开,单击不应该做任何事情.

Answer 1

好的,你可以这样做:

HTML:

<a id='golink' href='gosomewhere.html'>Go Somewhere</a>

使用jQuery的JavaScript:

jQuery(function($) {
    $('#golink').click(function() {
        return false;
    }).dblclick(function() {
        window.location = this.href;
        return false;
    });
});

实时复制

(它不必是一个ID;你可以用一个类或其他任何东西来做这个,它可以让你形成一个jQuery可以处理的选择器来连接它.)

如果用户禁用了JavaScript,则链接将正常工作.Crawlers会正常找到链接等.如果用户启用了JavaScript,事件处理程序将被连接起来,需要双击.

但是,上面的内容会打击键盘导航,所以你必须处理:

jQuery(function($) {
    $('#golink').click(function() {
        return false;
    }).dblclick(function() {
        window.location = this.href;
        return false;
    }).keydown(function(event) {
        switch (event.which) {
            case 13: // Enter
            case 32: // Space
                window.location = this.href;
                return false;
        }
    });
});?

实时复制

我无法想象这对可访问性有好处,我敢打赌,还有其他一些事情无法满足上述要求.所有这些都融入了:

但我强烈建议不要在没有一个非常好的用例的情况下这样做.

Answer 2

尝试使用 span 而不是链接。像这样的东西：

<span ondblclick="window.location='http://www.google.com'" style="color:blue;text-decoration: underline;">Click Here</span>