使用jQuery创建onkeypress的输入?

时间:2013-12-15 17:26:07

标签: javascript jquery html

我正在尝试使用此预期的html输出创建一个输入元素:

<input 
  type="text" 
  maxlength="13" 
  value="DD/MM/YY 00:00.0" 
  onkeypress="dateTime()"
>

我尝试使用以下jQuery代码

执行此操作
var input = $("<input>",
  {
    name : newName,
    maxlength : newSize,
    size : newSize,
    type : 'text',
    value : newVal,
    onkeypress : dateTime()
  });

但我没有得到预期的输出

<input type="text" maxlength="13" value="DD/MM/YY 00:00.0">

问题1:这段代码的描述是什么,因为我不能在jQuery文档中找到关于这些内容的任何内容(链接将不胜感激)。

问题2:用于获取我预期的html结果的正确参数是什么?

2 个答案:

答案 0 :(得分:1)

onkeypress : "dateTime()"

而不是

onkeypress : dateTime()

执行该功能。

var input = $("<input>",
  {
    name : newName,
    maxlength : newSize,
    size : newSize,
    type : 'text',
    value : newVal,
    onkeypress : dateTime
  });

input.on('keypress',dateTime);

在回调中,“this”表示事件目标(输入)。

您可以使用$(this).val(); $(this).attr('myattribute'); $(this).data('myvar');

从输入中获取值

答案 1 :(得分:1)

建议您查看关于jquery的按键文档:

http://api.jquery.com/keypress/

您还需要了解如何在jquery中使用文档就绪事件以及选择器引擎如何工作。你的代码应该看起来像这样:

$(function() {
    $("input").keypress(function() {
         //do stuff
    })
})