从 javascript onclick 返回值到变量或使用 onclick 更改全局变量

Question

我正在尝试获取网站上单击的元素（任何元素）的文本值，将其从 javascript 返回到 Selenium (Python)，并使用该信息将每个单击的元素放入我的日志中。这甚至可以使用 selenium 和 javascript 来实现吗？

此函数可以显示元素，但不会返回任何内容（正常的点击行为）。我知道我可以使用 selenium 从警报弹出窗口中读取文本，但它会使我的浏览器在每次鼠标单击时闪烁。

function getEl()
{
   var ev = arguments[0] || window.event,
   origEl = ev.target || ev.srcElement;
   alert(origEL.text)
}

document.onclick = getEl;

现在尝试访问 javascript console.log 似乎在 Selenium 中不起作用，因此使用 console.log 不是正确的答案。

我可以通过在单击事件上向 localstorage 写入内容然后在 python 中检查 localstorage 中的值来检测某个元素何时被单击。但这不是普遍的。我需要找到并设置我想要观察的每个元素。

function find_element() 
{
   aTags = document.getElementsByTagName("a");
   searchText = "comments";
   for (var i = 0; i < aTags.length; i++) 
   {
      if (aTags[i].textContent == searchText) 
      {
         found = aTags[i];
         return found;
      }
   }
}

found=find_element();

function saveEvent()
{
   localStorage.setItem("ZAD1.1", "1"); 
}

if(found)
{

   found.addEventListener("click",saveEvent,false);

   var x=localStorage.getItem("ZAD1.1");
   if (x=="1")
   {
       count="comments link was clicked";
       return count;
   } 
}

之后你从 python selenium 调用 javascript

z=driver.execute_script(javascript1)
if z=="comments link was clicked":
        #do something with this information

有什么方法可以获取用户在浏览器中点击的对象的信息？我在 Firefox 中使用 Selenium。

编辑： 您可以通过使用 getEL() 并在 localstorage 中写入每个 onclick 输出来获取每个单击的元素。

localStorage.setItem(origEl.text, origEl.text);

创建本地存储，然后将 temp 写入数组或字符串

var temp="VISITED LINKS : "
for (var i = 0; i < localStorage.length; i++){
temp +=localStorage.getItem(localStorage.key(i))+" ";}
return temp

然后你可以将整个列表返回给python。

你能想到任何其他方式将点击的对象发送到 python 吗？

Answer 1

最后我可能会使用 window.name 全局变量。与 LocalStorage 不同，它存储有关页面更改之间单击的 url 的信息。 LocalStorage 无法保存页面更改的任何数据。

https://stackoverflow.com/a/1981681/5678519

Answer 2

如果我理解正确，您只是想在页面上的任何元素被点击时得到通知，以便您可以对这些信息进行操作？

您需要一个全局事件处理程序。

在纯原生 JavaScript 中，是这样的：

document.body.onclick = function(e) {
    console.log(e);           // `e` is the click event
    console.log(e.target);    // `e.target` is the element that was clicked
    // do something with this information
}

当您想“利用这些信息做某事”时，您有很多选择，您似乎已经解决了。 最好您可以在这里做的事情是向您控制的 HTTP 服务器发送 AJAX 请求，然后接收服务器端脚本可以将详细信息记录到文件中（或您对它执行的任何操作）。

您的代码表明，当单击某些内容时，您希望将其保存到 localStorage - 我建议您保存字符串化的 base64 编码 JSON，其中包含每个单击事件的目标元素。以下是您可以使用的一些代码：

/**
 * Constant. This is the (string) key name of the 
 * save location in localStorage.
 */
var locationName = "myNamespace_clicks";

/**
 * Given an object, will JSON- and base64-encode
 * that object so it can be stored in localStorage.
 */
function encodeForStorage(dataObject) {
    return btoa(JSON.stringify(dataObject));
}

/**
 * Given a string from localStorage, will decode that
 * string from JSON and base64 to a JS object.
 */
function decodeStoredObject(dataString) {
    return JSON.parse(atob(dataString));
}

/**
 * Given an item, will add this item to the data stored
 * in localStorage, and then save the new data.
 */
function addItemToStorage(item) {
    var rawStoredData = localStorage.getItem(locationName);
    var dataObject;

    if(rawStoredData) {
        dataObject = decodeStoredObject(rawStoredData);
    }
    else {
        dataObject = {
            "clicks": []
        }
    }

    dataObject["clicks"].push(item);

    localStorage.setItem(locationName, encodeForStorage(dataObject));
}

document.body.onclick = function(e) {
    addItemToStorage(e.target);
}