gpt4 book ai didi

javascript - 为什么模糊和聚焦在 Safari 上不起作用?

转载 作者:行者123 更新时间:2023-12-03 06:56:33 27 4
gpt4 key购买 nike

我有这样的简单按钮:

<button class="emoji-button-container" onblur="APP.hideEmojiContainer()" onclick="APP.toggleEmojiContainer()">

在 Chrome 上,这两个事件都可以完美运行。

在 Safari 上,onclick 事件可以正常工作,但不会触发 onblur 事件。 element.blur() 函数也不会触发 onblur 事件。
我需要它像在 Chrome 上一样在 Safari 上工作,我该怎么办?这里有什么问题?

最佳答案

在 Safari 上,按钮可能不会在单击时聚焦(并且因为它们不聚焦,所以它们不会触发模糊)

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus

您可以使用 javascript 聚焦按钮

<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function clickFunc(event) {
console.log(event, 'click');
event.target.focus();// Add me
};

function blurFunc(event) {
console.log(event, 'blur');
};
</script>
</head>

<body>
<button class="emoji-button-container" onblur="blurFunc(event)" onclick="clickFunc(event)"></button>
</body>
</html>

关于javascript - 为什么模糊和聚焦在 Safari 上不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61245883/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com