[javascript] 하이퍼 링크 클릭시 자바 스크립트 함수 호출



Answers

가장 간단한 대답은 모두 ...

<a href="javascript:alert('You clicked!')">My link</a>

또는 자바 스크립트 함수를 호출하는 질문에 대답하려면 :

<script type="text/javascript">
function myFunction(myMessage) {
    alert(myMessage);
}
</script>

<a href="javascript:myFunction('You clicked!')">My link</a>

Question

ASP.NET의 C # 코드 뒤에 동적으로 하이퍼 링크를 생성하고 있습니다. 클라이언트 클릭시 JavaScript 함수를 호출해야합니다. 내가 어떻게이 일을 완수합니까?




onclick HTML 속성을 사용하십시오.

onclick 이벤트 핸들러는 onclick 속성이 적용된 요소에서 사용자의 마우스 버튼에서 클릭 이벤트를 캡처합니다. 이 동작은 일반적으로 JavaScript 함수 [...]와 같은 스크립트 메소드를 호출합니다.




나는 자바 스크립트 하이퍼 링크에 대한 href보다는 onclick 메서드를 사용하는 것을 선호한다. 항상 알리미를 사용하여 어떤 가치가 있는지 확인하십시오.

<a href='#' onclick='jsFunction();alert('it works!');'>Link</a>

예를 들어 입력 태그에도 사용할 수 있습니다.

<input type='button' value='Submit' onclick='jsFunction();alert('it works!');'>




JQuery 응답. JavaScript는 JQuery를 개발하기 위해 개발 된 것이므로 JQuery에서이를 수행하는 예제를 제공합니다.

<div class="menu">
    <a href="http://example.org">Example</a>
    <a href="http://foobar.com">Foobar.com</a>
</div>

<script>
jQuery( 'div.menu a' )
    .click(function() {
        do_the_click( this.href );
        return false;
    });

// play the funky music white boy
function do_the_click( url )
{
    alert( url );
}
</script>



Links