simplify implementation

Author: Rich-Harris

packages/svelte/src/internal/client/dom/elements/bindings/universal.js

@@ -1,4 +1,5 @@
 import { render_effect } from '../../../reactivity/effects.js';
+import { listen } from './shared.js';
 
 /**
  * @param {'innerHTML' | 'textContent' | 'innerText'} property
@@ -74,23 +75,7 @@ export function bind_property(property, event_name, type, element, get_value, up
  * @returns {void}
  */
 export function bind_focused(element, update) {
-	var focus_handler = () => {
-		update(true);
-	};
-	var blur_handler = () => {
-		update(false);
-	};
-
-	element.addEventListener('focus', focus_handler);
-	element.addEventListener('blur', blur_handler);
-
-	/** @type {ReturnType<typeof setTimeout>} */
-
-	render_effect(() => {
-		if (element === document.activeElement) {
-			update(true);
-		} else {
-			update(false);
-		}
+	listen(element, ['focus', 'blur'], () => {
+		update(element === document.activeElement);
 	});
 }