jquery 在右键单击事件中获取 元素的主机名

Question

我想在右键单击或元素时获取 href 的扩展名和主机名。我已经尝试了下面的代码，但我得到“未定义”

$(document).mousedown(function(e) {
        if (e.which == 3) {

            var tag = e.target.nodeName;
            var href = e.target.href;

            if (tag == 'A') {
                thelink = e.target.href;
                console.log(href.hostname);

            }
            if (tag == 'IMG') {
                thelink = e.target.src;
                console.log(href.hostname);
            }
        }
    });

Answer 1

您可以引用:

The URL interface represents an object providing static methods used for creating object URLs..

$(document).mousedown(function(e) {
    if (e.which == 3) {
        var tag = e.target.nodeName;
        var thelink = undefined;

        if (tag == 'A') {
            thelink = e.target.href;

        }
        if (tag == 'IMG') {
            thelink = e.target.src;
        }
        
        //
        // if thelink then get the hostname...
        //
        if (thelink) {
            //
            // convert string to URL
            //
            var url = new URL(thelink);
            console.log(url.hostname);
        }
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://dummyimage.com/200x200/000/fff">