在提交之前，請確保用戶點擊了動態生成的外部鏈接

Question

我需要確保用戶在提交之前必須單擊外部鏈接（會彈出一個新頁面）。

有沒有一種簡單的方法可以在所有主流瀏覽器上使用？

更新：這些鏈接中可能有幾個是動態生成的。 需要確保每個人都已被點擊

Answer 1

聲明一個全局變量：

window.clicked = false;

然后在鏈接的onclick上，執行以下操作：

<a href="some external link" onclick="clicked=true;">Hi</a>

現在，如果用戶單擊了外部鏈接，則clicked將為true否則為false 。

基於此，做你的邏輯

Answer 2

這對您有幫助嗎？ 這是FIDDLE 。

<input type="submit" name="submit" value="Submit" disabled>

---

$(function() {
  // For demo purposes
  $('body').prepend('<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>' +
                    '<a href="http://google.com" class="ext">Google</a>');

  $(document).on('click','.ext', function() {
    $(this).toggleClass('ext','clicked');
    if($('.ext').length === 0) {
       $('input[name="submit"]').prop('disabled',false);
    }
  });

});