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

Question

我在html / wordpress中創建了一個調查頁面，然后添加了onBeforeUnload函數，該函數在用戶關閉選項卡或現在單擊其他頁面時運行，如果用戶單擊“ stay on this page上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是一個簡單的變量，在最后一次單擊調查時將為false。

這是我的JS提交按鈕，單擊彈出窗口。

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

這是點擊“停留在此頁面”后打開的彈出窗口

Answer 1

你應該委托click的事件Submit按鈕，將document ，如Submit當你綁定事件到它不會出現在DOM。

所以，

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