Onchange 未使用 Google 表单自动完成检测字段更改

Question

我的页面上有谷歌自动完成表单。我要做的是使用表单中的城市字段更改来查询库并通过ajax和php在页面上显示结果。如果您熟悉谷歌表单自动完成，用户在一个输入字段中输入一些内容，当他完成表单时会填充数据。

问题是当表单充满谷歌功能时，什么都没有触发，但是当我在城市字段中手动输入一些东西时，一切都正常工作。我已经尝试过 onchange 和 oninput 事件，但没有任何乐趣。

这里是html布局：

<div id="locationField">
      <input id="place" placeholder="Enter your address"
             onFocus="geolocate()" type="text"></input>
    </div>

    <table id="address">
            <tr>
        <td class="label">City</td>
        <td class="wideField" colspan="3"><input class="field" id="locality"
              disabled="true" **onchange="getCity(this.value)"**></input></td>
      </tr>
    </table>

还有其他方法可以检测到变化吗？

Answer 1

大多数自动完成不会触发onchange 事件（浏览器自动完成也是如此）。

您需要使用.addListener() 将您想要的事件绑定到 Google 地图自动完成对象。

例如，查看this other Stack Overlow answer（由 Jorge 撰写）和在接受的答案中发布的小提琴。

另请参阅Google's own documentation，了解如何处理事件。