onclick 스크립트 전에 함수 호출

Question

<a href="#" onclick="foo()">click me </a> 

안녕하세요, 클릭 할 때 onclick 스크립트를 호출하기 전에 함수를 호출해야합니다.

내가 시도 :

var script = $("a").attr("onclick"); 
    $("a").attr("onclick", ""); 

    $("a").click(function(event) { 
     // call bar() first, then foo(); 
     bar(); 
     // script is a string on Chrome 
     // foo() may use this, so can not globalEval. 
    }); 

방법 스크립트를 호출? jQuery 함수로 onclick을 가져올 수 있습니까? 그래서 :

onclickFunction.call(this); 

감사합니다.

Answer 1

이 같은 다른 기능으로 묶을 수 없습니까? :

<a href="#" onclick="handler();">click me </a> 

var handler = function() { 
    foo(); // 1. calling foo first 
    bar(); // 2. calling bar second 
}; 

Answer 2

이 방법이 시도 수행해야하는 경우 :

JS를 :

(function() { 
    var a = document.getElementsByTagName('a')[0]; 
    var foo = a.onclick; 

    function bar() { console.log('bar'); } 

    a.onclick = function() { 
     bar(); 
     foo(); 
    }; 
})(); 

jsfiddle