我无法在按钮 <a href=""> 内调用函数答案

【问题标题】：I can not call function inside button <a href="">我无法在按钮 <a href=""> 内调用函数
【发布时间】：2019-02-06 20:22:46
【问题描述】：

我正在编辑模式下工作 (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/

【问题讨论】：

标签： function button call

【解决方案1】：

你应该试试这个，而不是 return false。

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

【讨论】：

但链接已激活，并转到另一个页面
哦，我会回滚那个编辑；你原来的答案是正确的。
对不起，我没有添加事件，我没有看到它。哭泣感谢您的帮助。 @马库斯
那我理解作者的评论有误。我可以重置上次的编辑吗？
是的，点击“已编辑 ___ 分钟前”链接，找到您要回滚到的编辑，然后点击“回滚”

【解决方案2】：

所有锚元素上的return false 阻止点击事件到达其中的 .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>

【讨论】：

事情就是这么简单。谢谢@丹尼尔贝克