Onchange未通过Google表单自动填充检测字段更改

Question

我的页面上有谷歌自动填充表格。我想要做的是使用从表单到城市字段的更改来查询基础并通过ajax和php在页面上显示结果。如果您熟悉googles表单自动完成功能，则用户在一个输入字段中输入内容，并在完成表单时填充数据。

问题是当表单填充googles函数时没有任何东西被触发，但是当我在城市字段中手动输入内容时，一切都正常运行。我尝试过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有关如何处理事件的信息。