javascript - 防止对所有输入执行默认操作

标签 javascript jquery html

我正在创建一个 HTML 表单设计器 - 用户可以将输入元素放置在页面上的网格中,然后将其保存到数据库中,完成的表单将可供其他用户使用。

现在所有这些实际上已经可以工作了,但是我遇到了一个相当微不足道但令人烦恼的问题 - 因为我需要在代码中使用实际的输入元素,以便布局在设计过程中正确显示,用户可以在文本字段中键入,更改复选框的值等,但实际上没有一个被保存,所以它很困惑。现在表单设计器允许启用/禁用元素,因此禁用页面上的所有元素会更糟。

我的问题是:您能否以简单的方式完全禁用所有输入元素的默认操作(单击文本字段后写入文本、选中/取消选中复选框等内容)?到目前为止,我已经尝试将各种事件与 jQuery 的 PreventDefault 绑定(bind),但没有成功。我知道我可以对按键之类的东西使用react并撤消它们,但这似乎不必要地复杂。

最佳答案

尝试一下

$("input").on('click',function(e){
     e.preventDefault();
});

您可以将更改替换为单选按钮和复选框的单击

关于javascript - 防止对所有输入执行默认操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18267101/

相关文章:

javascript - 捕获和编辑回调函数的响应

jquery - 响应式剪切和调整图像大小

javascript - 将多个相似的 jQuery 函数转换为一个函数 - 动态

jquery - .is() - 使用 AND 代替 OR 条件

javascript - 设计代码工作流程

javascript - 悬停时更改 webkit-scrollbar 宽度时重绘问题

css - 如果我的浏览器窗口小于 div 的内容,当我向右滚动时,100% 宽度的 div 会被截断

javascript - 当我通过 AJAX 管理我的网站时如何更新我的 URL?

javascript - 如何获取 JSON 数组中的元素数量?

javascript - 无法在 Rails 5.0.0 中限制文件上传页面的重定向?