js 触发 onblur事件

在JavaScript中，你可以通过编程方式触发onblur事件，以便在一个元素上模拟失去焦点的行为。以下是如何做到这一点的示例代码：

// 获取你想要触发 onblur 事件的元素
var element = document.getElementById('myElement');
 
// 创建一个事件对象
var event = new Event('blur');
 
// 触发这个事件
element.dispatchEvent(event);

如果你的元素是通过文档对象模型（DOM）直接创建的，而不是存在于页面加载时，你需要先将其添加到文档中，然后再触发事件。

// 创建一个新元素
var newElement = document.createElement('div');
newElement.id = 'myNewElement';
document.body.appendChild(newElement); // 将元素添加到文档中
 
// 现在我们可以绑定和触发 onblur 事件
newElement.onblur = function() {
  console.log('Blur event triggered!');
};
 
// 创建并触发事件
var event = new Event('blur');
newElement.dispatchEvent(event);

请注意，new Event构造函数可能在不支持的旧浏览器中不可用。在这种情况下，你可以使用以下兼容性写法：

var event = document.createEvent('HTMLEvents');
event.initEvent('blur', true, true);
newElement.dispatchEvent(event);