在離開頁面之前獲取網址

我有一個網站，其中有許多隨機重定向到另一個頁面的隨機標籤。是否有可能獲得瀏覽器嘗試重定向哪個頁面，當點擊與JavaScript的鏈接並設置返回false，並打開該頁面與Ajax，並顯示在DIV？我已經在嘗試使用onclick，但如果可能的話，我需要另一種簡單的方法。在離開頁面之前獲取網址

任何答覆讚賞。

來源

2014-01-22 Shn

的可能重複[使用jQuery，我是否攔截的超鏈接如何點擊活動暫時？]（HTTP：/ /stackoverflow.com/questions/4384382/with-jquery-how-do-i-intercept-hyperlink-click-events-temporarily） –

這一個有幫助的代碼示例[jQuery：攔截出去的鏈接並添加參數]（http://stackoverflow.com/q/2836380） –

請參見[this]（http://css-tricks.com/snippets/jquery /目標僅-外部鏈路/）。它可以幫助您隔離可以綁定到的外部鏈接並進行事件傳播預防。 – Prasanth

$("a").on('click',function(){ 
event.preventDefault(); 
url=$(this).attr('href'); 

});

試試這個

來源

2014-01-22 14:35:29

我可以請知道爲什麼event.preventDefault（）在這裏使用，這將在我未來的編碼btw更有幫助感謝您的答案。 – Shn

將不會移動到下一頁並停止您的頁面。請點擊這裏http://api.jquery.com/event.preventdefault/ –

什麼是*事件*在這裏？ – MrUpsidown

<div id="links"> 
     <a href="imalink-a" />Link A</a> 
     <a href="imalink-b" />Link B</a> 
    </div> 

    <div id="content"></div> 

    $('#links').on('click','a',function(e){ 
     e.preventDefault(); 
     var link = $(this).prop('href'); 
     console.log(link); 

     $("#content").load(link); 
    });

來源

2014-01-22 14:36:37

是的，它是可能的。

$("a").on('click', function(e){ 
    // avoid the normal function of the <a> 
    e.preventDefault(); 
    var href = $(this).attr("href"); 
    console.log(href); 
    var current_location = $(location).attr('href'); 
    console.log(current_location); 
    //make your ajax request here 
    $("#google").load(href); 
});

來源

2014-01-22 14:40:06 Ricbermo

這隻適用於同一域中的請求。 – Ricbermo

http://jsfiddle.net/upsidown/J3Nvu/

$(".popup").click(function(e) { 

    // Prevent browser from following the link 
    e.preventDefault(); 

    // Get the href attribute value 
    var url = $(this).attr("href"); 

    // Display it or do what you want here 
    $("#result").html("Clicked " + url); 
});

來源

2014-01-22 14:41:47 MrUpsidown

鏈路A 鏈路B

<div id="AjaxDiv"></div> 

<script type="text/javascript"> 
function AjaxLoad(URL) 
    { 
     $("#AjaxDiv").load(URL); 
    } 
</script> 

           **OR** 


<div> 
     <a href="javascript:void(0);" data-href="demo.aspx" class="ajaxload" />Link A</a> 
     <a href="javascript:void(0);" data-href="2_demo.aspx" class="ajaxload" />Link B</a> 
</div> 
<div id="AjaxDiv"></div> 

<script type="text/javascript"> 
$(document).ready(function() { 
     $(".ajaxload").click(function() { 
       $("#AjaxDiv").load($(this).attr("data-href")); 
     }); 
}); 
</script>

來源

2014-01-22 14:42:11

<a href="link1" onclick="return false;" />Link A</a> 
<a href="link2" onclick="return false;" />Link B</a> 
<a href="link3" onclick="return false;" />Link C</a> 
<a href="link4" onclick="return false;" />Link D</a>

來源

2014-01-25 01:09:37 user3234029

在離開頁面之前獲取網址

回答

相關問題