我無法調用按鈕內部的功能

Question

我正在編輯模式（contenteditable = true）中工作，我需要在鏈接內調用該函數，但它不會響應。

可以做到？ 我需要它

注意：我取消了調用該函數的按鈕，但是它也不起作用：

我的HTML：

<body>
  <a href="link.html"><i class="miniButton">Inside</i>LINK Think</a>
  <div id="message"></div>
  <i class="miniButton">out link button</i>
</body>

小米代碼：

$("body").on("click",'a', function() {
    return false;
});

$(document).on("click",'.miniButton', function() {
    $("#message").html("Good Job");
});

小jsFiddle：

https://jsfiddle.net/1go4ecdj/18/

Answer 1

而不是返回false，您應該嘗試這樣做。

$("a").on("click", function(event) { 
    event.preventDefault();
});

Answer 2

所有錨點元素的return false阻止了click事件到達其內部的.miniButton元素。 如果需要防止導航，則可以在事件上使用preventDefault()而不是完全取消它：

 $("body").on("click",'a', function(e) { e.preventDefault() }); $(document).on("click",'.miniButton', function() { $("#message").html("Good Job"); });

 body{padding: 3em ;} a{ color: White; background: SteelBlue; padding: 1em; border-radius: 4px; text-decoration: none; } i{ color: White; background: Black; padding: 6px; margin-right: 10px; } #message{ margin-top: 2em; margin-bottom: 2em; background: #FFEEAA; padding: 1em; width: 160px; height: 60px; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="link.html"><i class="miniButton">Inside</i>LINK Think</a> <div id="message"></div> <i class="miniButton">out link button</i>

我無法調用按鈕內部的功能

問題描述

2 個解決方案

解決方案1
2 2019-02-06 20:29:23

解決方案2
1 已采納 2019-02-06 20:29:29

我無法調用按鈕內部的功能

問題描述

2 個解決方案

解決方案1 2 2019-02-06 20:29:23

解決方案2 1 已采納 2019-02-06 20:29:29

解決方案1
2 2019-02-06 20:29:23

解決方案2
1 已采納 2019-02-06 20:29:29