如何在不可點擊的區域上點擊DIV？

Question

我有一個<div> ，其中包含一些鏈接（ <a>標簽）和其他元素。 我希望<div>表現得像一個按鈕，這意味着每當用戶點擊它的每個部分時，它都應該導航到某個鏈接。 有一些像這樣的解決方案：將div設為鏈接我也可以使用jQuery，但是，問題是我希望<div>的<a>標簽像以前一樣工作。 我找不到任何使這成為可能的解決方案。 我怎樣才能做到這一點？

Answer 1

$('#mydiv a').click(function(e) {
  e.stopPropagation();
});

事件泡沫起來，這就是他們所做的。 這稱為傳播。 在jQuery事件對象上調用stopPropagation應該可以防止該事件冒泡到包含它的div。

jQuery文檔在這里

並且由於事件處理程序不return false ，因此仍將觸發<a>標記的瀏覽器默認單擊處理，這意味着正常情況下將遵循href 。

在這里查看一個工作示例： http ： //jsfiddle.net/Squeegy/2phtM/

Answer 2

我認為你需要一個事件處理程序來確定哪個元素觸發了點擊 - 就像這樣

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>
            $(function() {
                $("#links").click(handler);
            })
            function handler(event) {

                var $target = $(event.target);
                if($target.is("#links")) {

                    window.location = "divlocation.htm"
                }
            }
        </script>
    </head>
    <body>
        <div id="links" style="background: yellow">
            <a href="test1.htm">link 1</a><br>
            <a href="test2.htm">link 2</a>
        </div>
    </body>
</html>

如何在不可點擊的區域上點擊DIV？

問題描述

2 個解決方案

解決方案1
3 已采納 2012-01-16 23:50:45

解決方案2
1 2012-01-17 00:23:49

如何在不可點擊的區域上點擊DIV？

問題描述

2 個解決方案

解決方案1 3 已采納 2012-01-16 23:50:45

解決方案2 1 2012-01-17 00:23:49

解決方案1
3 已采納 2012-01-16 23:50:45

解決方案2
1 2012-01-17 00:23:49