Is it possible to add onclick events to input fields generated by jQuery?

Question

This is the code I'm trying to get working.

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

However, when I inspect the DOM and the resulting jQuery object, the onclick method is null. Do I have the syntax wrong?

Answer 1

Based on these two answers What's the difference between "click" and "onclick" when creating an element with jQuery?, .prop() vs .attr()

An attribute value may only be a string whereas a property can be of any type.

Therefore, onclick creats an attribute and value should be string that refers to a function.

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

somefunction() {}

clickcreates a property on the element and value should be an actual function.

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

Answer 2

may be this way ?

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>