v-blur-outside

The blur event is actually called the focusout event. It happens when an element has focus and then loses it.

(Hint: Click around to different inputs or click in one and wail on the tab key.)

v-blur-outside example

		

		<script>
			export default {
				methods: {
					onBlurOutside(e, el) {
						console.log("onBlurOutside");
						console.log("Event:", e);
						console.log("Element focus was given to:", e.target);
						console.log("Element smugly watching:", el);
					}
				}
			}
		</script>