2

我有一个用 ahref 标签替换电话号码的 Chrome 扩展程序。在这个 ahref 标记中，我想调用一个 javascript 函数。为简化起见，我使用“javascript:alert('hey')”作为 href 值。当我执行下面的命令时，我得到警报功能的“regs is not defined”，但对于 console.log，它显示正确的值。我试图附加到现有问题，因为它是相关的，但有人删除了它并要求我发布一个新问题。

Chrome扩展，从正文中的关键词建立链接

var re = /(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]??)\s*)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)([2-9]1[02-9]??|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})/
var regs;

var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, function(node) {

if((regs = re.exec(node.textContent))) {

// make sure the text nodes parent doesnt have an attribute we add to know its all ready been highlighted
if(!node.parentNode.classList.contains('highlighted_text')) {
 var match = document.createElement('A');
 match.appendChild(document.createTextNode(regs[0]));
 console.log(regs[0]);
 match.href = "javascript:alert(regs[0])";
 console.log(node.nodeValue);

// add an attribute so we know this element is one we added
// Im using a class so you can target it with css easily
match.classList.add('highlighted_text');

var after = node.splitText(regs.index);
after.nodeValue = after.nodeValue.substring(regs[0].length);
node.parentNode.insertBefore(match, after);

}
}
return NodeFilter.FILTER_SKIP;
}, false);



// Make the walker step through the nodes
walker.nextNode();
4

2 回答 2

0

我最终使用了 onclick，但现在我在使用 XMLhttpRequest 时遇到了问题，它的域与调用它的域不同。来源 ... Access-Control-Allow-Origin 不允许。

这是我用于 onclick 事件的代码：

match.setAttribute("onclick", "function make_call(extension, phone) { xmlhttp=new XMLHttpRequest();xmlhttp.open('GET','http://[Domain]/click2call.php?extension='+extension+'&phone='+phone,false); xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xmlhttp.send(null); } ; make_call('210','"+regs[0]+"'); return false; ");

我将了解如何使用 addEventListener 而不是使用上述方法。

于 2013-05-07T15:23:08.933 回答
0

我们使用以下代码完成了这项工作。 

match.setAttribute("title", regs[0]);
match.href = "#";
match.addEventListener("click", function(){ make_call('210',this.title); }, false);

然后，我们使用 XMLHttpRequest 将分机号和电话号码传递给负责拨打电话的外部脚本。

我们现在唯一的问题是它不适用于在 gmail 或 google 地图中找到的电话号码。

于 2013-05-07T16:41:26.843 回答