요청을 처리 할 표준 링크에 JavaScript 기능을 연결 하시겠습니까?

Question

동일한 클래스에 속하며 FlowDock에 의해 자동으로 생성 된 링크가있는 짧은 명령문을 포함하는 내 페이지에 여러 DIV가 있습니다 (@mentions에 대한 링크 추가).

사용자를 다른 URL로 리디렉션하지 않는 방법이 있지만 해당 링크를 클릭 할 때 함수를 호출하는 방법이 있습니다.이 링크는 해당 페이지의 명령문을 필터링하여 @ 항목이 들어있는 .entry DIV 만 표시합니다. 클릭 한 언급?

<div class='entry' data-hashtags='#supermarkets #food #alcohol'> 
    <p>#supermarkets sell #food and #alcohol <a title="Search @private" class="app-tag-link" href="/context/@private">@private</a></p> 
</div> 

사용자는 @private 클릭 대신에/컨텍스트가는 shown here 그대로/개인 @ 자바 스크립트 함수는 jQuery를 통해 div의 필터가 호출됩니다

다음은 예입니다.

도움 주셔서 감사합니다.

Answer 1

확실히 - 링크에 수신기를 연결하고 preventDefault을 호출하여 리디렉션 할 링크의 기본 동작을 방지하고 싶습니다. jQuery를 사용하지 않고

:

element.addEventListener('click', function(e) { 
    e.preventDefault(); 
    // Filter 
}); 

Fiddle

것은 jQuery를 사용하여 :

// jQueryObject holds the selected set of element(s) 
jQueryObject.on('click', function(e) { 
    e.preventDefault(); 
    // Filter 
});