javascript - jQuery:如何从一个元素捕获事件并将其分配给另一个元素？

Question

我有以下 HTML

<a class="link" href="#">Link</a>

<button class="btn">
    BUTTON
</button>

<p class="hidden">This is a paragraph</p>

和 jQuery

$(document).ready(function(){
    $('.link').on('click', function(){
        displayText();
    }); 

    function displayText(){
        $('p').show();
    }
});

单击该链接时会显示 <p>标签。我想捕获链接事件并将其分配给按钮。有什么建议吗？

更新:我正在寻找的是捕获链接上的事件并停止它，显示一个对话框并将事件分配给对话框上的按钮。

JSFiddle:https://jsfiddle.net/0ct4r7y0/

Answer 1

只要像这样点击链接，您就可以触发点击按钮，并使用来自a.link的事件

$('.link').on('click', function(event){
    displayText();
    console.log(event);
    $('button').trigger('click', event);
});

// to test that the event is passing properly
$('button').on('click', function(event, originalEvent){
    console.log(event, originalEvent);

    //originalEvent.target === <a class="link"></a>
    //event.target === <button></button>
});

请注意，按钮点击处理程序中的originalEvent 是从a.link 的点击传递的事件。