HOME > JavaScript > jQuery > jQueryで指定の行動をとった際に、クリックイベントを発火させる方法

jQueryで指定の行動をとった際に、クリックイベントを発火させる方法

2023/10/06 2023/10/25 jQuery JavaScript

あるシステムでAという要素をクリックした際に何らかの処理を行うという部分があり、それとは別にBという要素をクリックした際にこのAもクリックした、という挙動を取りたかった。つまり「実際はクリックしていないのに、クリックした」という部分をjQueryで実装したかった。以下に実装方法のメモ。

1 ソースコード
2 それぞれの違い

ソースコード

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
</head>
<body>

    <div id="test">click</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript">
$(function(){

    //#testという要素をクリックするとログを出力
    $('#test').on('click', function(){
        console.log('click');
    });

    //以下3つの方法で実装可能
    $('#test').click();
    $('#test').trigger('click');
    $('#test').get(0).click();
});
</script>
</body>
</html>