Safari中的onclick div中的鏈接

Question

嗨，我有一個與onclick鏈接的div（請參閱代碼）。在這個div內有另一個鏈接，而不是整個div。下面的代碼適用於IE，Chrome和Firefox，但不適用於Safari。在Safari中，您仍然使用整個div鏈接而不是其他鏈接。任何想法如何解決？我在其他帖子中發現了一些建議，但直到現在沒有爲我工作。

<div class="coach-list" style="cursor: pointer;" 
    onclick="window.location='/page';if (!e) var e = window.event; 
           e.cancelBubble = true; 
           if (e.stopPropagation) e.stopPropagation();"> 
    <div class="coach-list-inner"> 
     <h4>Name</h4> 

     <p><a href="/otherpage" target="_blank">Link to other page</a></p> 
    </div> 
</div> 

Answer 1

這是我的工作例子。避免使用內聯JS BTW。

<div class="coach-list" style="cursor: pointer;"> 
    <div class="coach-list-inner"> 
     <h4>Name</h4> 

     <p><a href="/otherpage" target="_blank">Link to other page</a> 

     </p> 
    </div> 
</div> 

$('.coach-list').click(function() { 
    alert('div'); 
    window.location = '/page'; 
    return true; 
}); 

$('a').click(function (e) { 
    alert('a'); 
    e.stopImmediatePropagation(); 
    return false; 
}); 

Answer 2

我將e.stopPropagation();替換爲return: false;。似乎在Safari這裏工作：

window.location='/page';if (!e) var e = window.event; 
           e.cancelBubble = true; 
           return false; 

http://jsfiddle.net/ryanpcmcquen/bmodwvzg/

return: false;等於e.preventDefault(); e.stopPropagation();。

https://css-tricks.com/return-false-and-prevent-default/