【HTML：document.activeElement】的更多相关文章

HTML：document.activeElement

今天遇到一个很郁闷的问题: document.activeElement获取当前获得焦点的元素,在chrome总是得到body,后来经过试验得到结果如下: document.activeElement三大浏览器(ie.firefox.chrome)都支持,但,针对的对象不同,返回的值也不同. IE: document.activeElement可获得所有聚焦的元素,包括input.textarea.div等.IE只关心光标聚焦的位置,不关心聚焦元素的性质. chrome: document.ac…

js获取浏览器基本信息：document.body.clientWidth/clientHeight/scrollWidth/scrollTop。（转）

js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop. 分类: js.jquery.ext.js技术2011-07-28 17:20 6532人阅读 评论(1) 收藏 举报 浏览器firefoxopera文档htmlie 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offs…

读jQuery官方文档：$(document).ready()与避免冲突

$(document).ready() 通常你想在DOM结构加载完毕之后才执行相关脚本.使用原生JavaScript,你可能调用window.onload = function() { ... }, 但是这个办法的你只能够调用一次,而且需要等DOM结构完全加载完毕,包括图片样式等静态文件所有夹在完毕才会开始执行onload函数里面的代码. jQuery中提供了一种更好的办法: $(document).ready(function() { console.log('ready!'); }); 与o…

网页被卷去的高： document.body.scrollTop;

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth    (包括边线的宽);网页可见区域高: document.body.offsetHeight   (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: docum…

js提交表单错误：document.form.submit() is not a function

今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单<form>-</form>中含有name="submit"时,提交时就会有冲突,这个错误常见于按钮上,如: 在Javascript做submit()的时候就会出现冲突,这时将name="submit"改成别的名字就可以了:即使不是按钮,在表单的输入…

document.activeElement 过滤选择文件弹窗导致的页面失焦

在线考试页面,常常需要检测用户是否作弊. 一般是监听页面是否失焦的方式,而失焦的方式有很多种,比如QQ弹窗,切换页面,切换程序,input文件上传选择文件等 选择文件是正常情况,这种情况下需要过滤 本文很简单,其实就是 document.activeElement 的使用,获取当前页面上的焦点元素 鼠标点击或Tab切换时都可以触发获取 一般是表单input.textarea.select等,此外就是body项 <input type="text" name=""…

JS--dom对象：document object model文档对象模型

dom对象:document object model文档对象模型 文档:超文本标记文档 html xml 对象:提供了属性和方法 模型:使用属性和方法操作超文本标记性文档 可以使用js里面的DOM提供的对象,使用这些对象的属性和方法,对标记性文档进行操作 想要对标记性文档进行操作,首先需要对标记性文档里面的所有内容封装成对象 对HTML 标签 属性 文本内容都封装为对象 要想对标记性文档进行操作,解析标记性文档 --使用DOM解析HTML过程 根据HTML的层级结构,在内存中分配一个树形结构,…

js document.activeElement 获得焦点的元素

<body> <input type="text" id="test" value="ajanuw"> <script> document.querySelector('#test').addEventListener('mouseup', (e)=>{ var activeElement = document.activeElement; console.log( activeElement.selec…

页面可见性判断：document.hidden与visibilitychange事件

我们需要在特定的时候判断页面的显示状态,例如:当视频加载到可播放状态时,根据用户是否停留在当前页面来决定是否开始自动播放.页面的展示的状态的判断就需要用到html5新增的一个api:document.hidden. document.hidden属性:bool型,表示页面是否处于隐藏状态.页面隐藏包括页面在后台标签页或者浏览器最小化. visibilitychange事件:当文档的可见性改变时触发. 兼容性写法如下,当在浏览器里切换标签页或者最小化时就会console打印出状态的变化: var…

JavaScript：document.execCommand()的用法

document.execCommand()的用法小记 一.语法 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令.处理Html数据时常用. 如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中: sCommand:为指令参数(如下例中的"2D-Position"): 交互方式:参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显示对话…