php - 如何捕获点击的网址？

Question

我有一个服务器，它通过将函数 *file_get_contents* 的结果回显到 URL 来加载 html 页面。我想在此之后获取用户单击的 URL。我试过了：

$result = file_get_contents('http://www.google.com/');

header('Content-Type: text/html; charset=iso-8859-1');

echo $result;

echo '<script type="text/javascript">',
  "Event.observe(document.body, 'click', function(event) {",
  'alert("hi");',
  '});</script>';

但我不知道为什么它不起作用！

谢谢

score 7 · Accepted Answer

你想要一个看起来像这样的脚本：

(function() {
  function onclick(event) {
    event = event || window.event;
    var target = event.target || event.srcElement;
    if (target.tagName && target.tagName.toLowerCase() === 'a') {
      alert(target.href);
    }
  }

  if (document.body.addEventListener) {
    document.body.addEventListener('click', onclick, false);
  } else if (document.body.attachEvent) {
    document.body.attachEvent('onclick', onclick);
  }
})();

这将在 IE 和其他浏览器中运行，而无需使用任何 JS 库。

score 3 · Accepted Answer

使用事件委托的建议：

(function()
{
    function callback(e)//IE doesn't pass event object, but we'll fix that
    {
        var target;
        e = e || window.event;//get IE event
        target = e.target || e.srcElement;//IE again
        if (target.tagName !== 'A')
        {
            return true;
        }
        //a link has been clicked, target holds a reference to that link, e is the click event
        alert(target.href);
        //to prevent the link to be followed:
        if (e.preventDefault)
        {// all major browsers, except for ie
            e.preventDefault();
            e.stopPropagation();
            return false;
        }//now IE again:
        e.returnValue = false;
        e.cancelBubble = true;
        return false;//not required to return here
    }

    if (document.body.addEventListener)
    {
        document.body.addEventListener('click',callback,false);
    }
    else
    {
        document.body.attachEvent('onclick',callback);//for IE > 9
    }
})();

这样，您只需将 1 个事件侦听器绑定到 1 个处理程序，它会处理在页面上任何位置单击的所有链接。如果您只想阻止/处理某些链接，您可以给它们一个不同的类，并像这样编辑回调函数：

if(target.tagName !== 'A')
//add extra check:
if (target.tagName !== 'A' && target.className !== 'handleThisLinkClass')

google JavaScript 事件委托，这是一个非常有用的功能，尤其是在处理需要事件处理程序的大量元素时

score 1 · Accepted Answer

更容易理解，但是这个方法使用的是JQuery，很多框架或者cmses中经常包含这个方法。

$(function(){
    $('a').click(function(){
        alert(this.href);
    });
});

score 0 · Accepted Answer

您应该取消绑定单击事件，以便您的事件开始工作。

<?php
        $result = file_get_contents('http://www.google.com/');
        header('Content-Type: text/html; charset=iso-8859-1');
        echo $result;

        echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>';
        echo '
        <script type="text/javascript">
        $(document).ready(function(){
            $(document).unbind("click").click(function(){ alert("Hi!"); });
            // similarly
            $("a").unbind("click").click(function(){ alert($(this).attr("href")); return false; });
        });
        </script>';
?>

php - 如何捕获点击的网址？

4 回答 4

Related

Reference