João Rodrigues jrrio

Extracted from comp.lang.javascript: Re: Detecting IE11 ?
Data: Wed, 23 May 2018 23:52:33 -0300
De: Joao Rodrigues jr@yahoo.com
Reference: 3120d5a3-6a6a-4a1d-88f5-da7510b252da@googlegroups.com

Is there a good way of detecting IE11 - or, better, any IE ?

Starting with Internet Explorer (IE) 4 until IE 10 in standards mode, we could use Conditional Compilation (CC) for detecting MSIE [1]. Activating CC in JScript was done with the @cc_on statement:

Difference between innerText and textContent

The differences between innerText and textContent methods are outlined in this Stack Overflow article.

innerText -> implemented in IE8 and earlier. So innerText is probably not what you want.
textContent -> DOM Level 3 - IE9 and W3C standards compliant browsers.
Google Chrome implements both innerText and textContent.

Let's define a getElementText() method at load-time in order to use either textContent (preferably) or innerText depending on the browser running this code. This function will also trim the text.

	/**
	* Debounce is used to limit the number of times a function is called in a short period of time.
	* @param {Function} func
	* @param {Number} wait - a delay in milliseconds, usually 250 ms by default.
	* @returns {Function} a new function that will delay the execution of the original function.
	*/
	const debounce = (func, wait = 250) => {
	let timeout;
	return function (event) {
	// console.log(`debounced ${func.name} called`)

	/* From https://github.com/prisma/deployment-example-vercel/blob/main/styles/Home.module.css */

	.loader,
	.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
	}
	.loader {
	top: 30px;

	async function getData(url) {
	try {
	const response = await fetch(url);
	if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);
	const data = await response.json();
	return data;
	} catch (error) {
	console.error(error);
	}
	}

	/**
	*
	* @param date - may be either a Date object or a String representing a Date
	*/
	function lastDayOfMonth(date) {
	var d = new Date(date);
	d.setFullYear(d.getFullYear(), d.getMonth() + 1, 0);
	return d.getDate();
	}

	/**
	* @param {String} str - a string to be formatted.
	* @param {String} msk - 'CNPJ', 'CPF' or 'CEP' used in Brazil.
	*/
	function formatMask(str, msk) {
	var a = str.replace(/[^\d]+/g, ''); // remove non digit chars.
	switch (msk) {
	case "CNPJ":
	a = a.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5');
	break;

	// Test for numeric value.
	function isNumeric(n) {
	return !isNaN(parseFloat(n)) && isFinite(n);
	}

	/**
	* @param {Event} e
	* @see <https://www.w3.org/TR/uievents/#interface-keyboardevent>
	* All browsers (IE11, Chrome, FF, etc.) support event.key.
	* event.keyCode, charCode and event.which are deprecated.

	var el = document.getElementById("elemID");
	el.style.cssText = "color:#fff;width:320px;height:240px;";

	// Or:

	Object.assign(el.style,
	{
	"color": "#fff",
	"width": "320px",
	"height": "240px"

	/**
	* Object.assign() polyfill for IE11
	* @see <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign>
	*/
	if (typeof Object.assign != "function") {
	Object.defineProperty(Object, "assign", {
	value: function assign(target, varArgs) {
	"use strict";
	if (target == null) {
	throw new TypeError("Cannot convert undefined or null to object");