单击鼠标下的元素

时间:2018-06-02 13:17:30

标签: javascript jquery google-chrome-extension

我正在构建Chrome扩展程序,我的目标如下:

一旦用户Ctrl点击Reddit上的用户名,我想在我的内容脚本页面上捕获该用户名并将其发送到我的后台页面。

以下是reddit中html对于随机用户的看法,类名不一致,所以我不能使用它。

<a class="s1vhwcq3-4 eTpNeg s1461iz-1 gWXVVu" href="/user/strasse86">u/strasse86</a>

到目前为止,我一直在尝试使用onmouseover尝试捕获用户名但没有成功,因为它总是返回第一个捕获的结果。

window.onmouseover=function(e) {

    var href = document.getElementsByClassName(e.target.className[i].href);

    if ( typeof href != "undefined") {
        if (href.includes("https://www.reddit.com/user/")){
                     // do more actions..
        }
    }   
 };

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我不确定这是否会有所帮助,但这至少是你可以看到的东西。

&#13;
&#13;
    window.onmouseover=function(e) {

        var href = e.target.href;

        if ( href) {
            if (href.includes("https://www.reddit.com/user/")){
    		console.log('Contains reddit');
            } else {
    		console.log('Does not contain reddit');
    	    }
        }   
     };
&#13;
    <a class="s1vhwcq3-4 eTpNeg s1461iz-1 gWXVVu" href="/user/strasse86">u/strasse86</a>
  <a class="s1vhwcq3-4 eTpNeg s1461iz-1 gWXVVu" href="/user/strasse87">u/strasse87</a>
  <a class="s1vhwcq3-4 eTpNeg s1461iz-1 gWXVVu" href="https://www.reddit.com/user/strasse88">u/strasse88</a>
&#13;
&#13;
&#13;