HTML輸入文本字段不起作用

我目前正在基於傳單的地圖上工作。所有輸入類型的文本現在都不起作用。如下所示：HTML輸入文本字段不起作用

<input type="text" placeholder="Search" id="search-input" autocomplete="off">

文本框顯示在頁面上，但不可點擊或輸入文本。如果我刪除文件「leaflet.js」，文本框工作得很好，但所有其他的東西都在同一時間消失。

單張例如：

var world_map =L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
    maxZoom: 18 
}); 
var map = L.map('map',{ 
    center:[50.979, 11.322], 
    zoom:6, 
    layers:world_map 
});

沒有人有任何想法問題出在哪裏？

來源

2015-08-14 angella1011

你能告訴我們leaflet.js的例子嗎？ – imtheman

@imtheman，只需添加小冊子使用示例 – angella1011

按照leaflet.js documentation：

el = document.getElementById('search-input'); 
L.DomEvent.disableClickPropagation(el);

來源

2015-08-14 21:37:58 PieOhPah

謝謝〜它的工作原理！ – angella1011

裏面leaflet.js有可能是因爲它被禁用。所有我能想到的解決這個問題是用自己的代碼覆蓋它：

<script> 
    document.getElementById("search-input").disabled = false 
</script>

來源

2015-08-14 21:18:14

HTML輸入文本字段不起作用

回答

相關問題