JavaScript ActiveElement是Safari的form not按钮
JavaScript的ActiveElement属性是用于获取当前页面中处于活动状态（即被选中或获得焦点）的元素。在Safari浏览器中，该属性用于获取当前表单（form）中非按钮（input type="button"）的活动元素。
ActiveElement属性的返回值是一个指向活动元素的引用。通过该属性，我们可以在JavaScript中动态地获取当前用户正在与之交互的表单元素，从而进行相应的操作或获取相关信息。
在Safari浏览器中，ActiveElement属性的应用场景包括但不限于以下几个方面：
- 表单验证：可以通过获取活动元素，对用户输入的表单数据进行实时验证，确保数据的准确性和完整性。
- 表单交互：可以根据活动元素的类型和属性，动态调整页面的交互行为，例如根据用户选择的选项显示或隐藏相关内容。
- 键盘导航：可以利用ActiveElement属性，实现键盘导航功能，使用户能够通过按键切换不同的表单元素，提升用户体验。
腾讯云提供了一系列与前端开发相关的产品和服务，其中包括：
- 腾讯云静态网站托管：提供简单易用的静态网站托管服务，可将前端开发的网页文件部署到腾讯云上进行访问。 产品链接：https://cloud.tencent.com/product/tccli
- 腾讯云CDN加速：通过腾讯云的全球加速网络，加速前端网页的内容分发，提升用户访问速度和体验。 产品链接：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（Serverless）：无需搭建和管理服务器，通过事件驱动的方式执行前端开发中的业务逻辑。 产品链接：https://cloud.tencent.com/product/scf
请注意，以上仅为腾讯云提供的部分相关产品，更多产品和服务可在腾讯云官网进行了解和查找。
相关·内容
我在我的网站上有一个表单列表，JS/AJAX可以在单击时提交表单。JavaScript根据活动元素确定提交类型。这已经在多个浏览器中工作了。问题:基本上，MAC上的Safari (版本10.0.2)认为activeElement是表单而不是按钮，所以getAttribute返回null。有没有办法获得被点击的元素？我需要知道用户点击了哪个按钮。<div id="#Records"&
浏览 1提问于2017-02-02得票数 0
1回答
我的页面上有以下代码： console.log($(document.activeElement;});
我很肯定我很久以前就从堆叠溢出中得到的。很好，只是在Safari不行。原因是当我注销document.activeElement时，它给了我整个页面，所以属性类型当然不是提交，因此即使在单击submit按钮
浏览 0提问于2019-03-25得票数 0
这段简单的代码<button onclick="console.log(document.activeElement)"></button>在Chrome和Firefox中记录<button>，但是Safari出于某种奇怪的原因没有把重点放在<button>和记录<body>上
Safari有什么问题？我<em
浏览 26提问于2021-05-30得票数 0
回答已采纳
表单使用了几个具有不同格式的提交按钮。单击按钮时，将引发提交事件。是否可以从事件处理程序中找到按下哪个按钮？ </form> var form =document.querySelector('form&#x
浏览 0提问于2019-01-28得票数 1
3回答
我正在尝试从按钮输入数字到输入框中。我有一个困难的时间弄清楚如何找到哪个输入框有焦点。有什么可以告诉我哪个输入框有焦点吗？
浏览 2提问于2014-01-06得票数 1
回答已采纳
在我所写的网站中，有必要在某些事情发生之前显示一些确认文本。我使用的解决方案在按钮单击上显示了一个模态窗口，当窗口关闭时，Jquery将查看单击了哪个按钮。在使用Safari的Mac上，单击OK不会有任何作用。从控制台看，问题似乎是$(document.activeElement)。在windows中，这将返回单击的按钮，在Safari中，我从<body>开始得到整个网页。在网上阅读，似
浏览 1提问于2017-09-04得票数 4
回答已采纳
当表单中有多个提交按钮时，有没有办法知道哪个按钮触发了onsubmit事件而不向按钮本身添加代码？
编辑：，我需要在客户端进行检查，即使用JavaScript。
浏览 3提问于2010-08-21得票数 11
回答已采纳
1回答
document.activeElement看起来很有希望，但是，答案似乎恰恰相反，没有setTimeout，activeElement是不可靠的。在某些浏览器中，我一直将body作为activeElement返回。例如：
<input onblur="blurHandler();" type="text" id="spam1"
value="immediat
浏览 4提问于2013-02-01得票数 1
回答已采纳
8回答
使用jQuery，我如何获得具有插入符号(光标)焦点的输入元素？
或者换句话说，如何确定输入是否具有插入符号的焦点？
浏览 2提问于2012-07-01得票数 375
回答已采纳
2回答
我有一个Facebook风格的现代按钮控件，它的客户端标记如下：</button>
使用Visual Studio2010Web服务器的IE和FF
浏览 2提问于2010-07-18得票数 1
回答已采纳
我有一个简单的表单，里面只有一长串文本字段。每个字段都标记为必填。如下所示： 在浏览器中，如果我将无效的空字段滚动到视图之外，然后提交表单。表单将滚动到无效字段，突出显示字段的边框，但不会显示应包含验证文本“请填写此字段”的消息弹出窗口。 但是，如果当我提交表单时，空白字段在视图中-那么Safari确实会像预期的那样显示消息气泡和文本。我在Mac上使用Safari浏览器(12.0.2版)。 下面是一个非常简单的表单示例。 http
浏览 19提问于2019-02-01得票数 1
2回答
在asp.net中进行客户端验证后，有没有办法执行Javascript函数？这个是可能的吗？
浏览 0提问于2010-11-10得票数 7
回答已采纳
tabindex="2" onblur="invokeFunc()"/>
// ajax request // this returns body element in firefox, safari and chrome.我尝试在文本框上设置焦点onblur，并设置正确的tabindex当我调用jav
浏览 0提问于2012-07-03得票数 24
回答已采纳
我使用提交按钮来提交表单。然而，提交按钮需要在工作之前点击两次。在“密码”框中填充了某些内容后，它在第一次单击时不起作用。下面是密码。<!return false; return true }
</script>
浏览 3提问于2016-08-29得票数 3
回答已采纳
在我的javascript中，我使用document.activeelement来获取活动元素，但是对于单击按钮，它给了我主体，而不是Mac的火狐浏览器中的按钮。在窗户里它很好用。有谁可以帮助如何获得活动元素为按钮。 <!DOCTYPE html> <head>
<script type="text/javascript</em
浏览 3提问于2015-07-13得票数 0
回答已采纳
我是JavaScript的新手。下面是我的代码。
单击按钮后，我了解为什么event.target返回span对象(因为这是我单击的最内部的元素。对吗？)。我的疑问是，按照同样的逻辑，为什么document.activeElement返回按钮对象而不是span对象？当我单击按钮时，不是应该活动的是span元素吗
浏览 1提问于2016-01-26得票数 3
回答已采纳
当在iOS11中使用iPhone (我已经在chrome、firefox和safari上测试过)时，如果你首先选择提交以接收验证错误(在iPhone ios 11上是“选择文件”)，然后在“选择文件”仍然显示的情况下选择“选择文件”(这意味着要重现问题，你不能首先选择屏幕上的其他地方来删除“选择文件”验证错误)，则不会出现允许你选择文件的弹出窗口。关闭浏览器(通过双击主页按钮并在浏览器上向上滑动)，然后重新打开浏览器将允许输入再次工作(直到您按照上面的说明重现问题)。我发现如果在下面的代
浏览 4提问于2017-11-03得票数 5
在尝试用phonegap为android和ios应用程序构建UI时，我陷入了困境：document.activeElement.tagName但是所有浏览器似乎都得到了不同的结果：
Safari (10.0)、Firefox (49.0.2)和ios如何才能更精确地从safari/
浏览 1提问于2016-11-06得票数 2
回答已采纳
我在表单中有两个按钮。= $(this); console.log('posted data', data);data ... }})();
在console.log()<e
浏览 3提问于2017-08-16得票数 1
当单击“span”时，我希望在文本区域中获得选定的文本。当我单击按钮时，选择是有效的，但当我单击span时，则不起作用。我在firefox中就是这样做的：
var textbox = document.getElementById("box")
浏览 5提问于2010-11-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
