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




4 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>

html 페이지 이동 버튼

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




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>



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

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

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

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




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

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




Related