我创建了一个 div,如下所示
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar"><input type="search" id="search" placeholder="Search by layout name" onkeydown="search()"/></div>
因此,当在搜索框中按下输入按钮时,它应该调用函数“搜索”。
<script id="cesium_sandcastle_script">
function startup(Cesium) {
'use strict';
var west = 68.0;
var south = 7.0;
var east = 89.0;
var north = 35.0;
var rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);
Cesium.Camera.DEFAULT_VIEW_FACTOR = 0.5;
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = rectangle;
var viewer = new Cesium.Viewer('cesiumContainer', {
timeline: false,
animation : false,
vrButton : true,
selectionIndicator : false
});
function search() {
alert("success");
}
}
当我运行此程序时,它会引发错误“搜索不是函数”。我哪里错了?
最佳答案
问题在于,Cesium SandcaSTLe 将您的代码包装在 startup
函数中,正如您在上面问题中的 JavaScript 第一行中看到的那样,这会屏蔽全局范围内的本地声明。因此没有可绑定(bind)的 window.search
函数。但如今,像这样绑定(bind)全局函数并不是最佳实践。
尝试一下:从上面的 HTML 代码中删除 onkeydown="search()"
属性,然后在 JavaScript 中订阅事件,如下所示:
function search() {
console.log('testing search...');
}
document.getElementById('search').addEventListener('keypress', search, false);
关于javascript - 当事件触发时调用cesiumjs中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36739090/