programing

자바스크립트가 있는 링크를 프로그래밍 방식으로 클릭하려면 어떻게 해야 합니까?

megabox 2023. 7. 23. 14:11
반응형

자바스크립트가 있는 링크를 프로그래밍 방식으로 클릭하려면 어떻게 해야 합니까?

자바스크립트를 사용하여 내 페이지의 링크를 클릭하는 방법이 있습니까?

document.getElementById('yourLinkID').click();

현재 페이지 주소만 변경하려면 Javascript에서 다음 작업을 수행하면 됩니다.

location.href = "http://www.example.com/test";

이 기능은 적어도 Firefox 및 Internet Explorer에서 작동합니다.이벤트 핸들러가 기본 작업을 취소하지 않으면 링크에 연결된 모든 이벤트 핸들러를 실행하고 연결된 페이지를 로드합니다.

function clickLink(link) {
    var cancelled = false;

    if (document.createEvent) {
        var event = document.createEvent("MouseEvents");
        event.initMouseEvent("click", true, true, window,
            0, 0, 0, 0, 0,
            false, false, false, false,
            0, null);
        cancelled = !link.dispatchEvent(event);
    }
    else if (link.fireEvent) {
        cancelled = !link.fireEvent("onclick");
    }

    if (!cancelled) {
        window.location = link.href;
    }
}

간단히 말하자면:

<a id="myLink" onclick="alert('link click');">LINK 1</a>
<a id="myLink2" onclick="document.getElementById('myLink').click()">Click link 1</a>

또는 페이지 로드 시:

<body onload="document.getElementById('myLink').click()">
...
<a id="myLink" onclick="alert('link click');">LINK 1</a>
...
</body>

링크를 클릭하는 jQuery 방법은

$('#LinkID').click();

mailTo링크를 위해서는 다음 코드를 작성해야 합니다.

$('#LinkID')[0].click();

저는 그런 식으로 일을 할 수 있었습니다.저는 자동 클릭을 5000밀리초 안에 배치하고 1000밀리초 후에 루프를 닫았습니다.그리고 나서 자동 클릭은 단 한 번뿐이었습니다.

<script> var myVar = setInterval(function ({document.getElementById("test").click();}, 500)); setInterval(function () {clearInterval(myVar)}, 1000));</script>

위의 방법 중 많은 것이 더 이상 사용되지 않습니다.이제 여기에 있는 생성자를 사용하는 것이 좋습니다.

function clickAnchorTag() {
    var event = document.createEvent('MouseEvent');
    event = new CustomEvent('click');
    var a = document.getElementById('nameOfID');
    a.dispatchEvent(event);
}

이렇게 하면 앵커 태그가 클릭되지만 팝업 차단이 활성화되어 있는지 여부는 표시되지 않으므로 사용자가 팝업을 허용해야 합니다.

클릭하는 대신 클릭이 자바스크립트를 사용하여 이동하는 URL로 전달할 수 있습니까?

당신이 원하는 곳으로 가기 위해 Load에 몸에 무언가를 넣을 수도 있습니다.

다른 페이지로 리디렉션하면 됩니다.실제로 말 그대로 링크를 클릭해서 여행하게 하는 것은 무서운 일이 아닌 것처럼 보이지만, 저는 전체 내용을 알지 못합니다.

특정 텍스트 내용이 있는 모든 링크를 클릭하려는 사용자에게는 다음과 같은 기능이 있습니다.

for (const a of document.querySelectorAll("a")) {
  if (a.textContent.includes("<your text to be searched here>")) {
    a.click();
  }
}

참조: https://stackoverflow.com/a/42907920/2361131

다음과 같은 경우 링크를 자동으로 클릭하는 클라이언트 측 JS 기능

다음은 서버에서 전달된 오류를 유지하는 숨겨진 양식 입력 값을 확인하는 예입니다.그런 다음 클라이언트 측 JS가 값을 확인하고 사용자가 지정한 다른 위치에 오류를 채웁니다.이 경우 팝업 로그인 모달.

var signUperror = document.getElementById('handleError')

if (signUperror) {
  if(signUperror.innerHTML != ""){
  var clicker = function(){
    document.getElementById('signup').click()
  }
  clicker()
  }
}

사용자의 마우스로 아무것도 할 수 없습니다.그러나 이벤트가 트리거될 때 발생하는 작업을 완전히 제어할 수 있습니다.

여러분이 할 수 있는 것은 신체 하중을 클릭하는 것입니다.W3학교가 여기에 예를 들어 있습니다.

언급URL : https://stackoverflow.com/questions/902713/how-do-i-programmatically-click-a-link-with-javascript

반응형