1

我有带有按钮/链接/带有mailto的电子邮件的表格：并编写了一个默认的双击功能，双击该行会将用户引导到表格中的最后一个链接。

99% 的表格将在最后一列中包含“编辑”按钮。

$('table:not(.noDoubleClick) tr td').dblclick(function() {
    var linkEl = $(this).parents('tr').find('td:last-child a');

    if(!linkEl.length){
        return false;
    }

    if (linkEl.attr('href') && linkEl.attr('onclick') === undefined && !linkEl.hasClass("popme")) {
        document.location = linkEl.attr('href');
    } else {
        linkEl.click();
    }
});

这工作正常，直到我有一个罕见的表，其中最后一列是带有 mailto 的电子邮件地址。

问：如何检查 href 是否仅是相对/绝对链接。这样这将排除 mailto: 和任何其他不是标准 URL 的链接。

我知道我可以做这样的事情：linkEl.attr('href').substring(0, 7) == "mailto:"专门针对 mailto 进行测试，但是有没有更好的方法可以做到这一点，而无需对要排除的不同协议进行大量 IF 测试。

使用@epascarello 的工作解决方案进行更新：

$('table:not(.noDoubleClick) tr td').dblclick(function(e) {
    var linkEl = $(this).parents('tr').find('td:last-child a');
    var linkElHref = linkEl.attr('href');

    // Check if has href and http protocol
    if(!linkElHref.length || this.protocol.indexOf("http") !== 0){
        e.preventDefault();
        return false;
    }

    if (linkElHref && linkEl.attr('onclick') === undefined && !linkEl.hasClass("popme")) {
        document.location = linkElHref;
    } else {
        linkEl.click();
    }
});
4

2 回答 2

3

您可以使用链接的属性查找协议。

var theProtocol = linkEl.prop("protocol");
var isHttp = linkEl.prop("protocol").indexOf("http") === 0;
于 2012-10-11T13:12:49.697 回答
2

对于文本解决方案，您可以使用以下正则表达式：

var x = new RegExp('^([^:/?#]+:)?(//[^/?#]*)?([^?#]*)');
x.match(url);

如果第二个内存位置是，或者undefined您可能正在处理常规 URL。http:https:

于 2012-10-11T13:15:35.427 回答