如何在java腳本中運行並獲取html提交按鈕的彈出窗口的值

Question

我已經在html/wordpress中創建了一個調查頁面，然後添加了onBeforeUnload函數，當用戶關閉標籤或點擊其他某個頁面時運行，然後再次如果用戶點擊'stay on this page'，則會運行一個功能，然後彈出窗口將打開，顯示靜態文本和輸入文本字段，以便了解制表符關閉的原因。一切工作完美。現在，如果用戶在該文本框中添加一些文本並單擊該彈出框的提交按鈕，我想添加一個提醒按鈕。我試過但彈出不按鈕點擊打開。誰能幫忙？請

這裏是我的JS

var htmlform = '<div class="ppq"><h4>There are lots of benefits in our free profile. If you are not interested please let us know what we can do to improve.</h2><input type="text" name="ppq_text" id="ppq_text"><input type="button" class="sbmt" name="submit suggestion" id="sbmt_sg" value="submit"></div>' 
var timeout; 
var popuprun = true; 
window.onbeforeunload = function() { 
    if(popuprun == true) { 
     var msg ="just one last question?" 
     timeout = setTimeout(function() { 
      var appendthis = ("<div class='modal-overlay js-modal-close'></div>"); 
      $("body").append(appendthis); 
      $(".modal-overlay").fadeTo(500, 0.7); 
      $('#popup5').fadeIn($(this).data()); 
      $('.show-full-text-popup5').html(htmlform); 
     }, 2000); 
     return msg; 
    } 
} 

這裏popuprun是簡單的變量，這將是對調查最後一個按鈕點擊假的。

這是我的JS提交按鈕點擊彈出。

$('#sbmt_sg').click(function(){ 
    alert('thanks'); 

下面是這後「留在這個頁面上的」打開彈出點擊

Answer 1

您應該委託在Submit按鈕click事件到document，爲Submit將不會出現在DOM將事件綁定到它時。

所以，

$(document).on("click", "#sbmt_sg", function(){ 
    alert("Thanks"); 
});