Author: John Au-Yeung

Sometimes, we want to remove an event listener with Google Maps API v3.

In this article, we’ll look at how to remove an event listener with Google Maps API v3.

How to remove an event listener with Google Maps API v3?

To remove an event listener with Google Maps API v3, we can call the removeListener method.

For instance, we write

const listenerHandle = google.maps.event.addListener(
  map,
  "bounds_changed",
  () => {
    //...
  }
);

google.maps.event.removeListener(listenerHandle);

to call addListener to add the bound_changed event listener onto the map.

It returns the listenerHandle object that we call removeListener with to remove it when we don’t need to listen to the bounds_changed event on the map.

Conclusion

To remove an event listener with Google Maps API v3, we can call the removeListener method.

Sometimes, we want to use window.postMessage across domains with JavaScript.

In this article, we’ll look at how to use window.postMessage across domains with JavaScript.

How to use window.postMessage across domains with JavaScript?

To use window.postMessage across domains with JavaScript, we call top.postMessage in our iframe.

For instance, we write

top.postMessage("hello", "A");

in our iframe to call postMessage to send data to the parent page.

Then we write

window.addEventListener(
  "message",
  (e) => {
    if (e.origin !== "B") {
      return;
    }
    alert(e.data);
  },
  false
);

in our parent page to listen for the message event.

In the callback, we check the domain the event is originated from with e.origin.

And we get the arguments passed into postMessage with e.data.

Conclusion

To use window.postMessage across domains with JavaScript, we call top.postMessage in our iframe.

Sometimes, we want to fill an input field using Puppeteer and JavaScript.

In this article, we’ll look at how to fill an input field using Puppeteer and JavaScript.

How to fill an input field using Puppeteer and JavaScript?

To fill an input field using Puppeteer and JavaScript, we can use the page.keyword.type method.

For instance, we write

await page.focus("#email");
await page.keyboard.type("test");

to focus on the input with ID email with

await page.focus("#email");

Then we type in the input we focused on with

await page.keyboard.type("test");

Conclusion

To fill an input field using Puppeteer and JavaScript, we can use the page.keyword.type method.