html 获取焦点-html5表单属性手动获取焦点

HTML5为表单添加了很多新功能。 Magnum 将逐步向您介绍它们。 明天给大家介绍一下HTML5表单中新添加的焦点相关属性。

HTML5添加了自动对焦属性。 在支持的浏览器中，只要设置了这个属性，就可以不用JavaScript动态获取焦点，并且可以手动将焦点连接到对应的主键上。 一个小的计数器示例如下：

HTML代码

预览效果

为了保证里面的代码在设置了自动焦点的浏览器中正常运行，我们必须检查JavaScript中是否设置了这个属性。 如果设置，则无需调用 focus() 技术。

JavaScript 代码 functionload(){

varoInp=document.getElementById("inp");

if(oInp.autofocus!=true){

oInp。 重点（）;

window.addEventListener('加载',加载,false);

HTML代码

预览效果

由于 autofocus 是一个布尔属性，因此在支持的浏览器中其值为“true”，在不支持的浏览器中为空字符串。 里面的代码只有在autofocus不等于true的时候才能调用focus()方法html 获取焦点，从而保证了前向兼容性。 支持自动对焦属性的浏览器包括Firefox4+、Safari5+、Chrome和Opera9.6。

默认情况下，只有表单可以获得焦点。 对于其他选项卡元素，如果先将其tabIndex属性设置为-1，然后调用focus()方法，也可以使该元素获得焦点，但只有Opera不支持这些技术。

HTML5 确实让您的代码生活变得非常简单。 一个小属性可以节省一行甚至几行 JavaScript 代码，让您的代码生活变得轻松悠闲。 HTML5实战与分析的形式——自动焦点属性（autofocus attribute）已经为大家介绍完了html 获取焦点，希望对大家在HTML5应用中有所帮助。