jQuery按钮事件处理程序没有't更改内容
jQuery button event handler doesn't change content
为什么这个点击事件不能更改#输出中的文本?但如果我在表单标记外写按钮标记,它会更改#输出中的文本。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<form>
<button id="compressStart">Start</button>
</form>
<p id="output"></p>
<script src="js/jquery-2.2.3.js"></script>
<script src="js/test.js"></script>
</body>
</html>
JS-
"use strict";
$(function () {
$("#compressStart").click(getDecompressInput);
});
function getDecompressInput() {
$("#output").text('Hello');
}
由于在form
中使用<button></button>
元素,因此其默认行为是提交表单。
如果您希望按钮不sumbit
表单,则将属性type
设置为button
<button type="button" id="compressStart">Start</button>
相关文章:
- jQuery按钮事件处理程序没有't更改内容
- 将事件处理程序放在HTML按钮上,而不覆盖其默认功能
- 将事件处理程序分配给for循环中的每个按钮
- 可以't将事件处理程序添加到ID为的按钮中
- Meteor:具有两个提交按钮的表单(确定事件处理程序中单击的按钮)
- jQuery UI对话框中关闭(x)按钮的专用事件处理程序
- 如何在选择的按钮上动态/不断地绑定jQuery事件处理程序
- 如何将事件处理程序添加到单击按钮时呈现的元素
- 无法在单击按钮时将值传递给事件处理程序
- 添加事件处理程序以获取按钮单击LeadPage,我可以在其中对正文进行编码
- 将事件处理附加到菜单和按钮
- JavaScript 单选按钮和事件处理
- 我的按钮的 jQuery 事件处理程序只工作一次
- 主干/车把/引导设置中的按钮单击事件处理
- 如何修复动态asp.net页面中静态按钮上的事件处理程序
- 智能渲染后,在dhtmlx网格中用jQuery处理按钮上的点击事件
- 如何在扩展spreadheet的Google脚本上的按钮事件处理程序中传递数据
- jquery按钮事件处理程序rails
- asp.net提交按钮点击事件处理程序完成后,无法调用Javascript
- 如何处理按钮的onclick事件