JavaScript ArcGIS MapView key-down事件用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/views/MapView"], (MapView) => { /* code goes here */ });

ESM: import MapView from "@arcgis/core/views/MapView";

類： esri/views/MapView

繼承: MapView > View > Accessor

自從：用於 JavaScript 4.0 的 ArcGIS API

用法說明

MapView key-down事件的定義如下：

key-down View key-down事件

在按下鍵盤鍵後觸發。

屬性：

類型	說明
repeat Boolean	指示這是由於按鍵而發出的第一個事件，還是重複。
key String	根據 MDN full list of key values 按下的鍵值。
type String	事件類型。值永遠是"key-down".
stopPropagation Function	防止事件在事件鏈中冒泡。
timestamp Number	發出事件的時間戳(以毫秒為單位)。
native Object	標準 DOM KeyboardEvent 。

例子：

// Zoom in when user clicks on "a" button
// Zoom out when user clicks on "s" button
view.on("key-down", function(event){
 console.log("key-down", event);

 if (event.key === "a"){
   let zm = view.zoom + 1;

   view.goTo({
     target: view.center,
     zoom: zm
   });
 }
 else if(event.key == "s"){
   let zm = view.zoom - 1;

   view.goTo({
     target: view.center,
     zoom: zm
   });
 }
});

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 MapView key-down event。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。