Rodney Rehm rodneyrehm

The following is largely based on these test results

According to DOM Level 3 Focus Event Order there is a whole slew of events to be dispatched upon change of focus. focusin and focus are the two events dispatched the first time any element of the document receives focus. After that, when focus shifts to another element, we first get focusout on the element that has focus, then focusin on the element that will receive focus, then blur on the element that just lost focus, then focus on the element that got focus.

[…]

While focusout and focusin sound like the superior choice, they are not supported in Gecko at all. Blink 449857, WebKit 140596, [Trident 1

Javascript Bundle

Open The Bundle Editor, select the JavaScript bundle, select the JavaScript language entry, exchange the folding markers:

to fold [\n], {\n}, /*\n*/

foldingStartMarker = '(^.*\bfunction\s*(\w+\s*)?\([^\)]*\)(\s*\{[^\}]*)?\s*$|\[\s*$|\{\s*$|/\*+\s*$)';
foldingStopMarker = '(^\s*\}|^\s*\]|^\s*\*+/)';

Focus!

let's focus on tabindex and :focus for a bit…

What is focus?

focus (and blur) event emitted on element
document.activeElement updated
:focus style applied
browser's default focus outline visible (not testable programatically, only visually?!)

	var parameterCommentsPattern = /((\/\/.$)\|(\/\[\s\S]?\\/)\|\s+)/mg;
	function getParameters(func) {
	var text = Function.prototype.toString.call(func)
	.replace(parameterCommentsPattern, '');

	if (text === 'function(){[nativecode]}') {
	throw new Error('Cannot extrapolate parameters from bound and native functions');
	}

	var params = text

	{
	"browserName": {
	"type": "string",
	"description": "The name of the browser being used; should be one of {chrome\|firefox\|htmlunit\|internet explorer\|iphone}."
	},
	"version": {
	"type": "string",
	"description": "The browser version, or the empty string if unknown."
	},
	"platform": {

	CC ?= gcc
	CXX ?= g++

	CFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++
	CXXFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++
	LDFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++ -Wl,--no-undefined

	SOURCES = \
	test.cpp

	CC ?= gcc
	CXX ?= g++

	CFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++
	CXXFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++
	LDFLAGS ?= -Wall -O2 -fPIC -stdlib=libc++ -Wl,--no-undefined

	SOURCES = \
	test.cpp

	<?php

	$logfile = '/tmp/ie-11-favicon.log';

	if (empty($_GET['type'])) {
	$_GET['type'] = 'html';
	}

	$headers = array(
	'Request ' . $_GET['type'] . ' at ' . date('Y-m-d H:i:s'),

	// file: core/module.js
	define(function defineModule(require) {
	function Module() {};

	// prevent "… not a function" errors and tell developr how to fix the issue
	Module.prototype.optionalComponent = function() {
	console.error('Module.optionalComponent has not been loaded yet!');
	};

	return Module;

	/* some css */
	p { color: red; }