<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script>
$(document).ready(function () {
$('#countButton').on("click", function(){
target=$('#until').prop("value");
tl=(""+target).length;
numberString="";
for(var i=0; i<=target; i++){
numberString+=((""+i).padStart(tl, '0'))+"<br />";
}
$("#numbers").html(numberString);
});
});</script>
</head>
<body>
<button class="ui-button ui-widget ui-corner-all" id="countButton">Count from 0 to <label for="until"> <input id="until" value="20" style="width: 50px;" type="number" min="1" /> </label>!</button>
<div id="numbers"></div>
</body>
</html>
这很安静，但是一旦我输入数字字段，按钮就会熄灭，有什么方法可以防止这种情况？ （我知道为什么按钮会熄灭，并且我知道可以将字段移到按钮外，但我真的很喜欢这种设计思想。还要注意（尽管我认为这不会对解决方案产生影响）按钮可能是动态创建的。）>
这是因为事件从输入字段传播（id：直到）。