javascript - Js - 页面重新加载后仅工作一次的事件监听器

Question

事件监听代码：

<script type="text/javascript">
    $(document).ready(function(){
        document.getElementById("pagenumber").addEventListener( "keydown", function( e ) {
        var keyCode = e.keyCode || e.which;

        if ( keyCode === 13 ) {
            Dajaxice.gallery.gallerypages(Dajax.process, {'p': document.getElementById('pagenumber').value })
        }}, false);

    });
</script>

问题是当我按下输入元素时，更改页码并按下回车它仅在页面重新加载后第一次起作用。

我的问题可能是什么？

Answer 1

关于 Dajaxice 对象不能说太多，但这对于事件处理程序来说似乎要容易得多：

$(document).ready(function(){
    $(document).on("keydown", "#pagenumber", function(e) {
        if ( e.which === 13 ) {
             Dajaxice.gallery.gallerypages(Dajax.process, {'p': this.value });
        }
    });
});

这是委托给文档级别的，所以如果输入元素被 ajax 替换，它应该仍然有效吗？

Answer 2

$(document).ready();已过时。你应该使用$(document).on("ready", function());. 也.on()对添加到文档中具有相同类或 ID 的新元素应用相同的功能。试试看，运气！