我有一个表单,其中包括一系列的输入字段,我还用javascript动态地添加了这个表单的输入字段。我还试图用以下代码动态删除这些元素:
var catchMarkers = [];
var fishingtripMarker;
var catchIdCounter = 0;
function placeCatchMarker(position)
{
catchMarker = new google.maps.Marker({
position: position,
map: map,
draggable: true,
animation: google.maps.Animation.DROP
});
catchMarker.set("id", catchIdCounter);
AddCatchInput(catchIdCounter);
catchIdCounter++;
//Right click listener
markerListener = google.maps.event.addListener(catchMarker, 'rightclick', function(event) {
//removing inputs from form
var fish = document.getElementById('Fish'+this.get("id"));
var weight = document.getElementById('Weight'+this.get("id"));
fish.parentNode.removeChild(fish);
weight.parentNode.removeChild(weight);
//removing marker
this.setMap(null);
var index = catchMarkers.indexOf(this);
catchMarkers.splice(index, 1);
});
catchMarkers.push(catchMarker);}
我用以下代码创建了这些输入字段:
function AddCatchInput($id)
{
var container = document.getElementById("myform");
var select = document.createElement("select");
select.setAttribute("id", "Fish"+$id);
var option;
option = document.createElement("option");
option.setAttribute("value", "1");
option.innerHTML = "Trout";
select.appendChild(option);
var input = document.createElement("input");
input.id = "Weight" + $id;
container.appendChild(select);
container.appendChild(input);
}所有操作都很好,直到我尝试删除这些输入字段时,任何表单输入字段都有值,然后站点崩溃,我不知道原因。
发布于 2014-04-19 00:15:37
这显然是一个与右键单击事件相关的错误(在chrome中)。
问题不在于输入有一个值,而是当您正确地单击标记crash demo:http://jsfiddle.net/doktormolle/57V72/时,当输入具有焦点时就会发生。
可能的解决方案:在右键触发之前将焦点从输入中移除,例如onmousedown:
google.maps.event.addListener(catchMarker, 'mousedown', function (event) {
document.getElementById('Weight' + this.get("id")).blur();
});演示无崩溃:http://jsfiddle.net/doktormolle/57V72/1/
你应该报告这个错误。
https://stackoverflow.com/questions/23161545
复制相似问题