尝试在 GCSE 搜索表单输入 "click" 或 "focus" 时触发 jquery 事件

Question

Google 自定义搜索引擎打印带有以下标签的搜索表单：

<gcse:search></gcse:search>

打印后，搜索表单的文本输入为：

<input id="gsc-i-id1" class="gsc-input" type="text" lang="es" autocomplete="off" size="10" name="search" title="buscar" style="width: 100%; padding: 0px; border: medium none; margin: 0px; height: auto; outline: medium none; background: rgb(255, 255, 255) url("https://www.google.com/cse/static/es/google_custom_search_watermark.gif") no-repeat scroll left center;" x-webkit-speech="" x-webkit-grammar="builtin:search" dir="ltr" spellcheck="false">

我正在尝试为文本输入获得焦点或单击时创建一个事件，如下所示：

$( "#gsc-i-id1" ).click(function() {
    alert( "test" );
});

但它不起作用。我运行没主意了。 jQuery 是否因为我们正在处理组件标签而无法正常工作？我怎样才能完成我想做的事情？

Answer 1

您需要像这样将 event 委托给某些 ancestor 或 body：

$("body").on('click focus','#gsc-i-id1',function() {
        alert( "test" );
 });

尝试在 GCSE 搜索表单输入 "click" 或 "focus" 时触发 jquery 事件

Triying to trigger a jquery event upon "click" or "focus" on the GCSE search form input

javascript

jquery

html

google-custom-search