gpt4 book ai didi

javascript - 通过 JQuery 和 JavaScript 函数提交按钮所做的更改不会持续

转载 作者:行者123 更新时间:2023-12-03 10:24:34 25 4
gpt4 key购买 nike

我正在尝试使用 document.write() 方法在文档上写入一些文本。事情是我希望当用户单击按钮时将文本写入那里,并在用户单击按钮后保留在那里。我现在遇到的问题是,文本出现一会儿,然后在函数执行完成后消失,这是我不想要的,也不知道如何修复它。

    <!DOCTYPE html>
<html lang="en">
<head>
<title>Learning JQuery</title>
<meta charset="utf-8" />
<script src="jquery.js" type="text/javascript"></script>
<script type="script.js">
$(document).ready(function(){
$("input").click(function(){
for(var i = 0; i < 10; i++){
for(var j = 0; j < i; j++){
document.write("*");
}
document.write("<br/>");
}
//alert("click to continue");
});
});
</script>
</head>
<body>
<p>Body section of the page</p>
<form>
<input type="submit" value="clickMe" />
</form>
</body>
</html>

最佳答案

文本“出现一会儿然后消失”,因为您的页面因提交按钮中的 type="submit" 而刷新。

您可以使用preventDefault()如果您试图阻止页面刷新。

        $(document).ready(function(){
$("input").click(function(e){
e.preventDefault();
for(var i = 0; i < 10; i++){
for(var j = 0; j < i; j++){
document.write("*");
}
document.write("<br/>");
}
//alert("click to continue");
});
});

<强> Here is an Example

<小时/>

或者,如果您实际上没有提交表单数据,则可以使用普通按钮:

<button id="button">Click Me</button>

然后在单击按钮时触发 js: $("#button").click(function(e){ ... });

关于javascript - 通过 JQuery 和 JavaScript 函数提交按钮所做的更改不会持续,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29462597/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com