Html은 하이퍼 링크를 만들지 않고도 텍스트를 클릭 할 수있게합니다.

Question

저는 HTML과 자바 스크립트를 사용하는 데있어 매우 익숙합니다. 특정 텍스트를 클릭하고 올바른 자바 스크립트를 실행할 수있는 옵션을 추가하고 싶습니다. 내가 볼 수있는 참조 코드가 있습니까? 또는 저를 도울 수있는 자습서가 있습니까?

Answer 1

의미에 대해 나는이 같은 <button> 태그를 사용 :

<button class="link">Clicky</button> 

를 버튼 당신이 CSS를 사용할 수있는 일반 텍스트처럼 보이게 :

button.link { background:none;border:none; } 

과 나눠 클릭 I의 용이함을위한

jquery를 다음과 같이 사용하십시오 :

$(".link").click(function(){ 
    //your JS here 
}); 

그러나 버튼에 ID가 있으면 일반 JS li KE이 : ​​

은

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 

Answer 2

어딘가에 링크가 아닌 상호 작용 컨트롤의 apropriate 요소는 <button>Label</button> 또는 (<input type="button" value="Label">)입니다. (CSS로 경계선과 배경을 항상 스타일링 할 수 있습니다).

표준 DOM API (또는 YUI 또는 jQuery와 같은 라이브러리를 추상화하는 라이브러리)를 사용하여 click 이벤트 처리기를 바인딩 할 수 있습니다.

Answer 3

텍스트를 span 또는 다른 요소 인 <span class="yourClass">text</span> 클래스에 넣은 다음 javascript를 사용하여 이벤트 리스너를 추가하십시오 (HTML의 끝 부분에 있음). 간결하게하기 위해 jQuery로 보여 드리겠습니다. 정말 천천히 일을하는 것처럼 나는 그것을 권하고 싶지 않다하더라도 기본 자바 스크립트와 함께.

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

또는 당신은, 그 단어의 인스턴스에 대한 모든 페이지를 검색 할 수 있습니다.