How do i add onclient click to my jquery button

Question

I have dynamically created a button in jquery as shown below, how do i add the onclientclick attribute to it as i've done the class so when this button is added to the page, it does not cause a postback.

        var btnDelete = $('<button>', {
            class: "btnDeleteTaskListChild",
            text: "Delete",
            onclientclick: "return false;"
        });

Answer 1

Here is a possible solution:

var btnDelete = $('<button>', {
            class: "btnDeleteTaskListChild",
            text: "Delete",
            onclientclick: "return false;"
        }).on('click', function(){
  alert('Delete Clicked');
  });

$('div').append(btnDelete); //for demo purpose, adding the delete button to div

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

Answer 2

There is nothing called as onclientclick in jQuery. You should use the click event handler and return false to disable post back. Try this.

 var btnDelete = $('<button>', {
            class: "btnDeleteTaskListChild",
            text: "Delete",
            click: function () { return false; }
        });