javascript - Ajax /JS : Echoing value of a div without page refresh or button click

Question

我目前正在使用一个 wmd 编辑器，我稍后会在我的网站上使用它。通过将设置更改为 markdown 并添加隐藏的输入字段，我已经能够获取 #wmd-preview div 的值。问题出在 JS/AJAX 函数上。当我在文本区域中键入内容时，我得到了回显的结果，但是当我返回并将粗体应用于单词时，它不会回应更改，直到我再次键入内容。

当字体样式更改已应用于单词时，我如何才能得到回显的 div 值而无需再次键入？这是我的 EXAMPLE

<script>
     $(document).ready(function() {
        var timer = null; 
        var dataString;   
        function submitForm(){
        $.ajax({ type: "POST",
             url: "test1.php",
             data: dataString,
             success: function(result){
        $('#wmd_result').html( $('#resultval', result).html()); 
                    }
    });
     return false;
}

 $('#wmd-input').on('keyup click', function() {
    clearTimeout(timer);
    timer = setTimeout(submitForm, 1000);
    var wmdVal = $("#wmd-preview").html();
    dataString = 'wmdVal='+ wmdVal;
});
}); 
</script>

Answer 1

你可以试试

$('#wmd-button-bar').click(function() {
    clearTimeout(timer);
    timer = setTimeout(submitForm, 1000);
    var wmdVal = $("#wmd-preview").html();
    dataString = 'wmdVal='+ wmdVal;
});