html5自动对焦无法与Google Maps v3信息窗口表单一起使用

debugcn 发表于 Dev

Jaystew

我有一个简单的Google Maps v3应用程序，该应用程序显示带有InfoWindow弹出窗口的标记，每个弹出窗口的格式都很小。我希望焦点在InfoWindow弹出时立即集中在单个输入元素上，但是到目前为止还没有运气。以下是我正在使用的代码示例...

var infowindow1 = new google.maps.InfoWindow;

var content = "<div id='infobox'>"+
           "Rodney F. Stanley<hr>803-555-5555<br>"+ 
           "1 mile north of allenville<br>"+
           "<form name='report' action='updateNotes.php' method='POST'>"+ 
           "<input type='hidden' name='warningID' value='13874794739749' />"+
           "<input type='hidden' name='spotterID' value='SC00023' />"+
           "<input type='hidden' name='name' value='Rodney F. Stanley' />"+
           "<input type='text' name='report' size='25' maxsize='150' placeholder='event and time of occurence' autofocus />"+
           "<input type='submit' value='submit' /><br>"+
           "</form>"+
           "</div>";


infowindow1.setContent(content);

google.maps.event.addListener(marker1, "click", function() { 
if(openwindow){
    eval(openwindow).close();
}
openwindow=infowindow1;
infowindow1.open(map,marker1); 
    });

最终解决方案（只是听众）...

google.maps.event.addListener(marker1, "click", function() { 
if(openwindow){
    eval(openwindow).close();
}
openwindow=infowindow1;
infowindow1.open(map,marker1); 

    google.maps.event.addListener(infowindow1, 'domready', function() {
            $("#report").focus();
    });

});

先生先生

您需要使用信息窗口的domready事件并手动设置焦点。

google.maps.event.addListener(infowindow, 'domready', function () {

    // Set focus on your input here. Below in jQuery.
    $("#yourInput").focus();
});

这将起作用。自动对焦在这里不起作用。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。