如何在网页上的任何位置点击并导航到地址而不将整个页面作为链接?

时间:2015-01-05 14:05:27

标签: javascript jquery html navigation

我正在尝试通过点击空白处或引号上的任意位置来点击此网站http://quoteswag.ga点击随机引用,但我不想让它看起来像是一个链接用于美学目的的鼠标手和URL状态等。我已经用javascript搜索了一种方法,但无法找到正确的解决方案。

我只是希望每当用户点击空格或引号,或者包含空格和/或引用div的div时,页面都会导航到/ random。

我认为这对javascript或jquery来说太难了,但我根本不是这方面的专业人士。感谢。

3 个答案:

答案 0 :(得分:1)

似乎就像添加

一样简单
<script type="text/JavaScript">
$('.redirection').click(function() { window.location.href = 'http://...'; });
</script>

并将类redirection添加到所有可点击元素。或者,也可以将事件应用于所有元素:

<script type="text/JavaScript">
$(document).click(function() { window.location.href = 'http://...'; });
</script>

请注意,使用后者甚至可以将效果应用于徽标,页脚等内容。

答案 1 :(得分:1)

从您的网站来源,有一个名为div的{​​{1}}这个div应该是超链接,如下所示:

container container-quote

然后你必须应用以下CSS:

<a href="#">
   <div class="container container-quote">.....
   </div>
</a>

结帐本次演示:http://jsbin.com/xevejuvohe/1/

答案 2 :(得分:0)

这里试试这个:

<script type="text/javascript">
        document.onclick = function (e) {
                        window.open("http://www.google.nl", "_blank");
                        return false;
        };
    </script>