JS 实现提示【大写锁定已打开】

<div>
	<input type="password" id="pws" placeholder="输入密码...">
</div>

document.querySelector("#pws").addEventListener('keyup', handler);
document.querySelector("#pws").addEventListener('mousedown', handler);

function handler(e) {
	if(e.getModifierState('CapsLock')){ 
		console.log('大写锁定已打开');
	}
}

参考资料

MDN：KeyboardEvent.getModifierState()