找到 8590 篇文章 关于 前端技术

如何在 jQuery 中检查元素上是否存在事件?

Kristi Castro
更新于 2020年6月19日 12:47:44

4K+ 阅读量

要检查 jQuery 中元素上是否存在事件,请检查元素上现有的事件。这里,我设置了 div - 这是一段演示文本。点击这里! 当你点击 div 时,会生成警报,我使用 div id 设置了它:$("#demo").click(function() { alert("事件是否存在? - "+hasEvents); });您可以尝试运行以下代码来检查事件是否存在 -示例在线演示 $(document).ready(function(){ $("#demo").click(function() { alert("事件是否存在? - "+hasEvents); }); var events = $._data(document.getElementById('demo'), "events"); var hasEvents = (events != null); }); 这是一段演示文本。点击这里!

如何使用 jQuery 启用和禁用提交按钮?

Kristi Castro
更新于 2020年6月20日 07:15:21

996 阅读量

要启用和禁用提交按钮,请使用 jQuery prop() 方法。您可以尝试运行以下代码来使用 jQuery 启用和禁用提交按钮 -示例在线演示 $(document).ready(function() { $('#register').click(function() { $(this).prop('disabled',true); $("#content").show(); setTimeout(function(){ $('#register').prop('disabled', false); },3000); }); }); 以上按钮在点击后会禁用 3 秒。

如何在 HTML 表单中使用多个提交按钮?

Bhanu Priya
更新于 2023年10月4日 15:20:10

11K+ 阅读量

通常,HTML 中的表单使用单个提交按钮,当按下按钮时保存记录。在某些情况下,我们需要一个带有其他提交按钮的表单,例如“接受”或“拒绝”。这些类型的按钮通常在更新记录时尝试状态转换。带有多个按钮的表单必须处理您的服务器端代码,需要知道哪个按钮被按下。通常,提交后,目标数据存储在 action 属性中,每个按钮都指向相同的位置。为了克服这个问题,我们使用 formaction 属性。对于每个提交按钮,我们需要一个不同的 ... 阅读更多

我能否使用 jQuery 提交带有多个提交按钮的表单?

Kristi Castro
更新于 2020年6月20日 07:14:15

2K+ 阅读量

是的,您可以提交带有多个提交按钮的表单。向所有按钮附加自定义点击处理程序,并检查哪个按钮被点击。示例在线演示 $(document).ready(function(){ $("#myform button").click(function (ev) { ev.preventDefault() if ($(this).attr("value") == "button1") { alert("第一个按钮被按下 - 表单将提交") $("#myform").submit(); } if ($(this).attr("value") == "button2") { alert("第二个按钮被按下 - 表单未提交") } }); }); 第一个按钮 第二个按钮

如何使用 jQuery 动态创建 div?

Kristi Castro
更新于 2020年6月20日 07:13:16

1K+ 阅读量

要动态创建 div,请使用 html() 方法。您可以尝试运行以下代码来了解如何在按钮点击时动态创建 div -示例在线演示 $(document).ready(function(){ $("button").click(function(){ $("body").html("这是一个新的 div。"); }); }); 创建一个新的 div 这是一段演示文本。

如何使用 jQuery 设置 textarea 的内容?

Arnab Chakraborty
更新于 2020年6月21日 17:10:30

2K+ 阅读量

点击标签后,内容会显示在 textarea 内。示例在线演示 $(document).ready(function () { $("a").click(function () { $("#txt1").val("我显示在文本区域中"); }); }); 查询 TEXTAREA:

如何使用 jQuery 获取 textarea 的内容?

Arnab Chakraborty
更新于 2020年6月21日 17:08:12

597 阅读量

这里我使用了一个 textarea 和一个按钮。第一个 textarea 用于用户输入,然后点击按钮并在警报框中显示值。示例在线演示 $(document).ready(function () { $("button").click(function () { var dim = $("#txt").val(); alert(dim); }); }); 点击这里

如何使用 jQuery 了解表单输入中按下了哪个键?

Kristi Castro
更新于 2020年6月20日 07:48:16

319 阅读量

要使用 jQuery 了解表单输入中按下了哪个键,请使用 jQuery keydown 事件。您可以尝试运行以下代码来了解如何在表单输入中检测按下的键 -示例在线演示 $(document).ready(function(){ $('#myinput').keydown(function(e) { var newkey = '键码 = ' + e.which + ' ' + (e.ctrlKey ? 'Ctrl' : '') + ' ' + (e.shiftKey ? 'Shift' : '') + ' ' + (e.altKey ? 'Alt' : ''); $('#mykey').text(newkey); return false; }); }); 按下任意键: 您按下的键将在这里显示,并带有键码。

如何使用 jQuery 在 textarea 中检测 Ctrl+Enter?

Kristi Castro
更新于 2019年7月30日 22:30:23

0 阅读量

$(document).ready(function(){ $('#myinput').keydown(function(e) { var newkey = '键码 = ' + e.which + ' ' + (e.ctrlKey ? 'Ctrl' : '') + ' ' + (e.shiftKey ? 'Shift' : '') + ' ' + (e.altKey ? 'Alt' : ''); $('#mykey').text(newkey); return false; }); });

如何使用 jQuery 检测键盘上的 Enter 键?

Kristi Castro
更新于 2020年6月20日 07:46:52

309 阅读量

要检测键盘上的 Enter 键,请使用 keup() 函数和 keyCode。您可以尝试运行以下代码来了解如何使用 jQuery 检测键盘上的 Enter 键 -示例在线演示 $(document).ready(function(){ $('textarea').bind("enterKey",function(e){ alert("您按下了 Enter 键!"); }); $('textarea').keyup(function(e){ if(e.keyCode == 13) { $(this).trigger("enterKey"); } }); }); 在下方按下 Enter 键 在下方按下 Enter 键

广告