JAVASCRIPT

js eventlistener blur

The blur event fires when an element has lost focus.

The event does not bubble, but the related focusout event that follows does
bubble.

The opposite of blur is the focus event, which fires when the element has
received focus.

The blur event is not cancelable.

js blur element

element.blur()

blur effect javascript

document.getElementById("idName").style.filter = "blur(10px)";

box blur javascript

function solution(image) {
    let result = [];
    for (let i = 0; i < image.length - 2; i++) {
        let row = [];
        for (let j = 0; j < image[i].length - 2; j++) {
            let sum = 0;
            for (let k = 0; k < 3; k++) {
                for (let l = 0; l < 3; l++) {
                    sum += image[i + k][j + l];
                }
            }
            row.push(Math.floor(sum / 9));
        }
        result.push(row);
    }
    return result;
}

blur js

var form = document.getElementById("form");
form.addEventListener("focus", function( event ) {
  event.target.style.background = "pink";
}, true);
form.addEventListener("blur", function( event ) {
  event.target.style.background = "green";
}, true);

blur method js

What is blur () method?
  
blur() method removes keyboard focus from the current element.

blur javascript

elt.blur()