Creé una ventana emergente personalizada con la función popupTemplate con ArcGIS JS API 4.x
Y agrego un botón en el contenido emergente por html.
pero no puedo agregar EventListener a un botón en la ventana emergente.
esta es la forma en que trato de hacerlo ahora: ((el código completo está aquí: https://codepen.io/llllllllc/pen/mdpabGw ))
const popupTemplate = { // autocasts as new PopupTemplate() title: "Population in {NAME}", content: populationChange, }; layer.popupTemplate = popupTemplate; function populationChange(feature) { const div = document.createElement("div"); div.innerHTML = "<input type='button' id='btn' value='CLICK'>"; return div; } view.popup.watch("content", (newValue, oldValue, propertyName, target) => {......});3.querySelector("#btn") luego addEventListener pero falla, y console.log(btn) muestra que btn es nulo
const btn = document.querySelector("#btn"); console.log(btn) btn.addEventListener( "click", function () { lert("HELLO WORLD!"); }, false );la consola muestra como esta imagen
Cualquier ayuda muy apreciada!!!
creo que lo descubro!
¡Intento hacer querySelector a "const div" antes de que regrese y funciona!
const div = document.createElement("div"); div.innerHTML ="<input type='button' id='btn' value='CLICK'>"; const btn = div.querySelector("#btn"); btn.addEventListener(......); return div