javascript - HTML 如何根据 javascript 函数的返回值限制文本输入？

Question

我正在阅读答案 here ，它们似乎都遵循一个我无法理解的相似主题，而且我不知道自己在看什么，无法尝试用谷歌搜索。

它们都有这种onkeypress返回somefunction的模式，而somefunction通常返回一个 bool 值。

我不明白这是哪一部分在做实际的限制。返回值？网络浏览器？ HTML？

怎么办？

这些都没有任何意义。我对 javascript 的理解让我很困惑。我无法了解正在做什么。为什么返回 false 或 true 根本没有任何作用？

如果有人能指出正确的方向，我将不胜感激。我发现的很多资源要么是数组是什么以及如何声明变量，要么直接跳到解决方案。我只是想弄清楚这些解决方案中发生了什么。

这是模式:

<input type="text" onkeypress="return somefunction()">

<script>
  function somefunction() 
  {
    return false;
  }
</script>

<input type="text" onkeypress="return somefunction2()">

和js

function somefunction2()
{
    return false;
}

其次，为什么它在脚本标记中时在 jsfiddle 中有效，但在附加的 js 文件中却无效？

Answer 1

JavaScript 事件处理程序在执行默认浏览器行为之前触发。在事件处理程序中返回 false 可防止默认行为发生。它还会阻止事件在事件链中向上冒泡到祖先元素。在您的示例中，在文本输入具有焦点时按下一个键将阻止该键的字符附加到输入值。

这里有一些进一步的阅读:What's the difference between event.stopPropagation and event.preventDefault?