如何创建一个带有提交按钮的文本框，该按钮使用js或jQuery在单击javascript函数时执行回调？

我是javascript新手，很难找到答案。感谢您的帮助。

如果您有以下HTML：

<input type="text" />
<input id="button" type="button" value="Click Me" />

在飞行中创造一切 您可以使用jQuery将以前的HTML插入到文档中。首先在DOM中选择另一个元素，该元素位于要插入HTML的位置：

$('#someElement')

然后，您可以使用注入您自己的HTML：

$('#someElement')
    .append('<input type="text" />')
    .append('<input id="button" type="button" value="Click Me" />');

---

如果您有以下HTML：

<input type="text" />
<input id="button" type="button" value="Click Me" />

在飞行中创造一切 您可以使用jQuery将以前的HTML插入到文档中。首先在DOM中选择另一个元素，该元素位于要插入HTML的位置：

$('#someElement')

然后，您可以使用注入您自己的HTML：

$('#someElement')
    .append('<input type="text" />')
    .append('<input id="button" type="button" value="Click Me" />');

html：

提交

而js：

var d=document.getElementById（'button'）；//识别按钮
函数myFunction（）{
var text=document.getElementById（'txt'）.value；//获取用户的输入
//不管你想对用户的输入做什么
}
d、 addEventListener（'click'，myFunction，false）//单击按钮可附加要调用的myFunction`

如果使用jQuery，语法会简单一些：

$（“#按钮”）。单击（myFunction）；
//或
$（“#按钮”）。单击（函数（）{
var text=$（'#txt'）.val（）；
//再说一遍你的逻辑
});

html：

提交

而js：

var d=document.getElementById（'button'）；//识别按钮
函数myFunction（）{
var text=document.getElementById（'txt'）.value；//获取用户的输入
//不管你想对用户的输入做什么
}
d、 addEventListener（'click'，myFunction，false）//单击按钮可附加要调用的myFunction`

如果使用jQuery，语法会简单一些：

$（“#按钮”）。单击（myFunction）；
//或
$（“#按钮”）。单击（函数（）{
var text=$（'#txt'）.val（）；
//再说一遍你的逻辑
});

@aCuria您在什么环境下进行测试？在任何浏览器中都有一个指向dom的

文档

全局变量。如果您已经用

var document之类的内容覆盖了变量

，您仍然可以访问原始dom，如下所示：

窗口。document

@aCuria您在什么环境下测试？在任何浏览器中都有一个指向dom的

文档

全局变量。如果您已经用

var document之类的内容覆盖了变量

，您仍然可以像这样访问原始dom:

window.document

。 $('#button').click(myFunction); // or $('#button').click(function(){ var text = $('#txt').val(); //and again your logic here });