javascript - 如果搜索字段包含 "pre-populated"值，则触发 jQuery 处理程序

Question

我有一个搜索字段，当前附加有一个 .on('input') 事件处理程序。但是，在某些情况下，如果通过 URL (http://127.0.0.1/search/query-is-here) 传递值，则可能会预先填充搜索字段。然而，这里的问题是，在用户编辑搜索字段的值之前，不会触发事件处理程序，这意味着不会自动进行搜索。

我尝试通过指定 focus、click、change 来启动 .trigger，但是似乎没有一个起作用(是的，我确实将事件处理程序更改为 .on('input focus') 例如)。裂缝是什么？

--

JS 文件(在触发器之前的页脚中引用)

$('#search').on('input focus', function(e) { 
    e.preventDefault();
    // various if statements and variable assignments
}

触发器

// codeigniter -> http://ip.com/{segment 1}/{segment 2} -> this does get executed
<?php if($this->uri->segment(1) == "search" && $this->uri->segment(2)):?>
    <script>
        $('#search').focus();
        $('#search').trigger("focus");
    </script>
<?php endif; ?>

我对 $('#search').trigger("focus"); 的理解是它应该触发附加到 #search 的事件处理程序，并在该函数中执行 JS。

Answer 1

您正在订阅事件“输入焦点”并触发事件“焦点”。我想您会想订阅这两个事件。

    $('#search').on('focus', myHandler);
    $('#search').on('focus input', myHandler);