タグ属性のonclick
と、$("#button1").click()
と、$(document).on("click", "#button1", ...)
では、イベントとしては別物になります。
onclick
を得るには、試された方法で取得できます。これはネイティブ(?)が発火しています。
対して、$("#button1").click()
と$(document).on("click", "#button1", ...)
は、jqueryが発火しています。
違いは、前者がボタンそのものに対するイベントで、後者はdocumentへのイベントをselecter("#button1")で絞り込んで発火しています。
なので、それぞれ。。
var onclick = $("#button1").get(0).onclick;
console.log(onclick);
とか、
var events = $._data($("#button1").get(0)).events
$.each(events.click,function(){
console.log(this.handler);
});
とか、
var events2 = $._data($(document).get(0)).events
$.each(events2.click,function(){
if(this.selector === '#button1')
console.log(this.handler);
});
とかで、取得できます。