Javascript和HTML-变量不;t出现

Javascript and HTML - Variable Doesn't Show Up

本文关键字：出现 变量 HTML- Javascript      更新时间：2023-09-26

我在HTML中有以下代码片段：

 <form class="navbar-search pull-right search-query" value = "" action="/search/?q=" style="line-height:25px;">
    <input type="text" id="navbarsearch" class="search-query span2" style="border-radius:14px 14px 14px 14px;" name = "q" placeholder="Search">
      <i class="icon-search icon-white" onclick="document.forms.search.submit();"></i>
         &nbsp;&nbsp;&nbsp;
 </form>

我正试图按如下方式将这个变量传递给Javascript，但由于某种原因，查询变量没有正确传递。。。。

<script type="text/javascript">
    $("#navbarsearch").click(function() {
        // This sends us an event every time a user clicks the button
        mixpanel.track('SearchQuery', {'query': document.getElementById('navbarsearch').value, 'url' : window.location.pathname});
    });
</script>

该操作显示在MixPanel中，但查询变量没有。我做错什么了吗？

您需要将其放入文档中。ready:

$(function() {   //  <--- there.
    $("#navbarsearch").click(function() {
    mixpanel.track(
        'SearchQuery',
        {
            'query': $(this).val(),   
            'url' : window.location.pathname
        }
    );
});
});

当用户用鼠标点击时，会触发点击事件。我想你想听听按键吗？

尝试：

$("#navbarsearch").keydown(function() {
    mixpanel.track('SearchQuery', {
         'query': document.getElementById('navbarsearch').value,
         'url' : window.location.pathname
    });
});
相关文章：