Как получить текст под курсором? - PullRequest
Новая
       8

Как получить текст под курсором?

0 голосов
/ 24 января 2011

Я пытаюсь сделать пользовательский скрипт с помощью jquery.Я хочу получить текст под курсором из элемента под курсором.Проблема в том, что сценарий, который я написал, использует .text () jQuery, который возвращает дочерние элементы, объединенные, если элемент имеет дочерний элемент.Любая идея, как получить текст только контейнера, на который я нажимаю?

(я пробовал на ebay.com, потому что сайт сложный) 

// ==UserScript==
// @name           Selector
// @namespace      http://userstyles.org
// @description    none
// @include        http://*.*
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript==

var $;

// Add jQuery
(function(){
    if (typeof unsafeWindow.jQuery == 'undefined') {
        var GM_Head = document.getElementsByTagName('head')[0] || document.documentElement,
            GM_JQ = document.createElement('script');

        GM_JQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
        GM_JQ.type = 'text/javascript';
        GM_JQ.async = true;

        GM_Head.insertBefore(GM_JQ, GM_Head.firstChild);
    }
    GM_wait();
})();

// Check if jQuery's loaded
function GM_wait() {
    if (typeof unsafeWindow.jQuery == 'undefined') {
        window.setTimeout(GM_wait, 100);
    } else {
        $ = unsafeWindow.jQuery.noConflict(true);
        letsJQuery();
    }
}

function letsJQuery() {
    //alert("Loaded jQuery" + $().jquery); // check jQuery version

    $("*:not(html, head, body)").hover( function () {
             $(this).css("border", "1px dotted blue");
    }, 

    function () {                
            $(this).css("border", "none");
    }).click( function () {
           var s = $(this).text();
           if (s) alert(s);
           return false;
    });
}

Ответы [ 2 ]

3 голосов
/ 25 января 2011

Вы можете просто привязать click event handler к документу и проверить цель события: 

$(document).bind('click', function(e) {
    console.log('text: ', e.target.value || e.target.textContent || e.target.text);
});

обновить 

$(document).bind('click', function(e) {
    $(e.target).contents().each(function(index, elem) {
        if( elem.nodeType === 3 && $.trim(elem.nodeValue).length ) {
            console.log($.trim(elem.nodeValue));
            return false;
        }
    });
});
1 голос
/ 25 января 2011

Пожалуйста, измените функцию щелчка, как показано ниже 

function () {                
        $(this).css("border", "none");
}).click( function () {
       debugger;
       if($(this)[0].children.length == 0) {
        var s = $(this).text();
        if (s) alert(s);
       }
       return false;
});
...