使用jQuery使用onkeypress创建输入？

Question

I am trying to create a input element with a expected html output of this:

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

I tried doing this with the following jQuery code

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

But I don't get the expected output

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

Question 1 : what is the description of this code, because I cannot for the life of me find anything in the jQuery documentation about this stuff (link would be appreciated).

Question 2 : what is the correct parameter to use to get my expected html result?

Answer 1

try

onkeypress : "dateTime()"

instead of

onkeypress : dateTime()

that one executes the function.

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

or

input.on('keypress',dateTime);

In the callback, "this" represents the event target (input).

You can get values from the input by using $(this).val(); $(this).attr('myattribute'); $(this).data('myvar'); $(this).val(); $(this).attr('myattribute'); $(this).data('myvar');

Answer 2

Suggest you need to review the keypress docs on jquery:

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

You need to look at how to use document ready event in jquery too and how the selector engine works. Your code should look a bit like this:

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