没有表单的HTML输入框

时间:2009-10-10 23:16:39

标签: javascript html forms

我需要在没有表单的input中有一个div框,当用户输入内容并点击返回时,它应该运行Javascript函数。

没有提交按钮。

我该怎么做?

5 个答案:

答案 0 :(得分:20)

要获得没有表单的输入框,我建议不要使用表单。

答案 1 :(得分:2)

您必须附加onkeypress事件并检查是否按下了输入(如果是,则检查代码)。如果您需要示例,请告诉我们您使用的是纯JavaScript还是某些库。

答案 2 :(得分:1)

可以通过以下形式帮助完成...我认为添加表单可以提供很好的稳定性

<form onSubmit='alerttest(this); return false'>        
    <input type="text">         
</form>


<script language="javascript">
    function alerttest() {
        alert("Executing jolly.exe !!!!");
    }
</script>

答案 3 :(得分:0)

当用户在关注输入字段时按Enter键时运行一个函数,最简单的方法是使用表单标签并使用表单的onSubmit事件运行该函数(因为当关注一个表单时按下返回输入字段提交表单)。

如果您仍然不想包含表单标记,可以使用onKeyPress事件来捕获返回键并从那里调用该函数。

答案 4 :(得分:0)

请勿使用表单标记。您可以轻松使用JQuery将代码绑定到输入控件的按键事件。

如果您不熟悉JQuery,只需将代码直接绑定到输入字段按键事件。