Можно ли добавить события onclick в поля ввода, сгенерированные jQuery?

Question

Это код, который я пытаюсь заставить работать.

            var inputText = $('<input>', {
                type: 'text',
                name: id,
                onclick: function() {
                    $('#' + nextQuestion).show();
                }
            });

Однако, когда я проверяю DOM и полученный объект jQuery, метод onclick является нулевым. У меня неправильный синтаксис?

Answer 1

На основании этих двух ответов В чем разница между "click" и "onclick" при создании элемента с jQuery? , .prop () против .attr ()

Значение атрибута может быть только строкой, тогда как свойство может быть любого типа.

Следовательно, onclick создает атрибут, а значение должно быть строкой, которая относится кfunction.

var inputText = $('<input>', {
       type: 'text',
       name: id,
       onclick: "somefunction()"
 });

somefunction() {}

click создает свойство элемента и значение должно быть фактической функцией.

 var inputText = $('<input>', {
   type: 'text',
   name: id,
   click: function () { 
      $('#' + nextQuestion).show();
   }
});

Answer 2

может быть так?

var inputText = $('<input>', { type: 'text', name: 'something' });

inputText.onclick = function() { console.log('hello') }

console.log( inputText.onclick )

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>