[javascript] 링크 클릭시 자바 스크립트 팝업 알림



Answers

onclick 특성을 사용할 수 있습니다. 계속하지 않으려면 return false 반환하면됩니다.

<script type="text/javascript">
function confirm_alert(node) {
    return confirm("Please click on OK to continue.");
}
</script>
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a>
Question

일단 링크를 클릭하면 자바 스크립트 '확인'/ '취소'알림이 필요합니다.

경고 코드가 있습니다.

<script type="text/javascript">
<!--
var answer = confirm ("Please click on OK to continue.")
if (!answer)
window.location="http://www.continue.com"
// -->
</script>

하지만 특정 링크를 클릭 할 때만 실행되도록하려면 어떻게해야합니까?




이렇게하려면 핸들러를 페이지의 특정 앵커에 연결해야합니다. 이와 같은 작업을 위해서는 jQuery 와 같은 표준 프레임 워크를 사용하는 것이 훨씬 쉽습니다. 예를 들어 다음 HTML이있는 경우

HTML :

<a id="theLink">Click Me</a>

다음 jQuery를 사용하여 특정 링크에 이벤트를 연결할 수 있습니다.

// Use ready to ensure document is loaded before running javascript
$(document).ready(function() {

  // The '#theLink' portion is a selector which matches a DOM element
  // with the id 'theLink' and .click registers a call back for the 
  // element being clicked on 
  $('#theLink').click(function (event) {

    // This stops the link from actually being followed which is the 
    // default action 
    event.preventDefault();

    var answer confirm("Please click OK to continue");
    if (!answer) {
      window.location="http://www.continue.com"
    }
  });

});



Related