본문 바로가기
Dev/JQuery

JQuery 로 anchor 태그를 강제 클릭하여 mailto 메일 발송

by 바람냄새 2016. 4. 27.

 

 

해당 오브젝트의 클릭함수를 이용하는데, 반드시 [0] 인덱스를 명시적으로 적어야 작동을 한다.

$("#mailaddress")[0].click();

 

 

샘플 소스코드

 

<!DOCTYPE html>
<html>
<head>

  <style>
    button {
      margin: 10px;
    }

    div {
      color: blue;
      font-weight: bold;
    }

    span {
      color: red;
    }
  </style>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

  <button>Button #1</button>
  <button>Button #2</button>
  <button id=btnmail>Button #3</button>
  <a id="mailaddress" href="">mail</a>
  <div><span>0</span> button #1 clicks.</div>
  <div><span>0</span> button #2 clicks.</div>

  <script>

    $("button:first").click(function () {
      update($("span:first"));
    });

    $("button:last").click(function () {
      $("button:first").trigger('click');
      update($("span:last"));
    });



    $("#btnmail").click(function () {
      //$("#mailaddress").trigger('click');
      $("#mailaddress").attr('href', "mailto:test@gmail.com;testtest@hotmail.com");
      $("#mailaddress")[0].click();
    });

    function update(j) {
      var n = parseInt(j.text(), 10);
      j.text(n + 1);
    }
    
  </script>

</body>

</html>

 

'Dev > JQuery' 카테고리의 다른 글

trigger() 함수 - 강제 이벤트 발생  (0) 2016.04.27