试document事件

  • JS--DOM(文档对象模型)

    含义 DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API,通过 DOM 可以去改变文档。 简单的说,一个 web 网页就是一个文档,使用 DOM 改变文档就是使用 DOM 定义的一些方法操作具体的节点。比如用getElementById 来根据元素 id 来查找元素节点。 当...

    文章 lambdaλ 2018-04-24 633浏览量

  • js控制网页中的视频和音频

    网页中的视频和音频是两个很相像的标签元素,使用js对他们的控制和处理也是非常得相似。 使用js控制这两个标签元素,几乎可以使用同样的函数和事件,但是为了清晰,下面还是给出了两者的详细方法 如此,也方便查阅学习。 一、使用js控制网页中的音频 1.在页面中引入<audio>标签 如果...

    文章 振礼硕晨 2018-08-30 1161浏览量

  • js事件绑定

    js 中事件绑定不同的浏览器使用不同的方法,如何做到兼容所有的浏览器呢? 火狐浏览器支持document.addEventListener ,但是不支持document.attachEvent. chrome支持document.addEventListener,不支持document.att...

    文章 黄威的世界 2015-05-20 1067浏览量

  • 万券齐发助力企业上云,爆款产品低至2.2折起!

    限量神券最高减1000,抢完即止!云服务器ECS新用户首购低至0.95折!

    广告

  • 【经验总结】毁三观的 script.onerror

    为了保证项目的质量,页面动态加载的脚本文件,如果加载失败需进行重试(根据具体情况)。 怎么检测脚本文件是否加载失败呢?脑海里毫无犹豫地蹦出了onerror兄弟,于是写了如下代码 var script = document.createElement('script'); script.onerro...

    文章 程序猿小卡 2016-04-29 3017浏览量

  • 深入React事件系统(React点击空白部分隐藏弹出层;React阻止事件冒泡失效)

    只关注括号内问题的同学,可直接跳转到蓝字部分。(标题起的有点大,其实只讨论一个问题) 两个在React组件上绑定的事件,产生冲突后,使用e.stopPropagation(),阻止冒泡,即可防止事件冲突,毫无问题。 今天是踩了个React事件的坑,需求可以简化为:点击框体以外的部分则隐藏框体。最直...

    文章 晴天_雨天 2017-01-18 730浏览量

  • Javascript事件总结

    原文地址: http://www.cnblogs.com/tugenhua0707/p/4501843.html Javascript事件总结 一:事件流       事件流描述的是从页面中接收事件的顺序,IE和Netscape提出来差不多完全相反的事件流的概念,IE事件流是事件冒泡流,Netsc...

    文章 孤剑 2015-05-16 588浏览量

  • jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on

    事件(Event)是JavaScript应用跳动的心脏,通过使用JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应 事件的基础就不重复讲解了,本来是定位源码分析实现的, 所以需要有一定的基础才行 为了下一步更好的理解内部的实现,所以首先得清楚的认识到事件接口...

    文章 文艺小青年 2017-06-29 937浏览量

  • JS魔法堂:元素克隆、剪切技术研究

    一、前言                                     当需要新元素时我们可以通过 document.createElement 接口来创建一个全新的元素,也可以通过克隆已有元素的方式来获取一个新元素。而在部分浏览器中,通过复制来获取新元素的效率比通过 document....

    文章 肥仔john 2016-04-21 1229浏览量

  • JavaScript判断页面是否已经加载完毕

      在做针对CheckBox框点击事件的时候,发现点击以后有时候会报错,但是是生成的JavaScript的代码的内部错误,无法判断到底是什么地方有问题。就一直在找问题。刚刚突然想到可能与页面的加载状态有关。就来试了试果然如此。   在页面未全部加载完毕的时候,如果点击某些事件会报错的,于是我在需要...

    文章 aehyok 2013-03-04 515浏览量

  • JS魔法堂:元素克隆、剪切技术研究

    原文:JS魔法堂:元素克隆、剪切技术研究 一、前言                                     当需要新元素时我们可以通过 document.createElement 接口来创建一个全新的元素,也可以通过克隆已有元素的方式来获取一个新元素。而在部分浏览器中,通过复制来...

    文章 杰克.陈 2014-12-22 678浏览量

  • fastclick 源码注解及一些基础知识点

    在移动端,网页上的点击穿透问题导致了非常糟糕的用户体验。那么该如何解决这个问题呢? 问题产生的原因 移动端浏览器的点击事件存在300ms的延迟执行,这个延迟是由于移动端需要通过在这个时间段用户是否两次触摸屏幕而触发放大屏幕的功能。那么由于click事件将延迟300ms的存在,开发者在页面上做一些交...

    文章 野兽'' 2016-10-29 771浏览量

  • 第22天:js改变样式效果

    一、输出语句 1、alert:弹出警示框(用的非常少,用户体验不好)完整写法:window.alert(“执行语句”);window对象,窗口,一般情况可省略alert(123); 2、console控制台输出(用户看不见)一般用于测试用console.log();控制台输出,普通输出语句cons...

    文章 半指温柔乐 2017-09-04 622浏览量

  • window.print —— 浏览器打印扫盲

    近日有个需求是做页面打印的,趁这个机会补一下比较冷门的浏览器打印知识。本文只讨论 Chrome、Safari、Firefox浏览器的情况。 打印接口 首先浏览器打印是一个很成熟的应用~ 至少是很早就已经有应用的功能,所以不会有什么兼容问题 最简单的打印就是直接调用 window.print(),当...

    文章 我是小助手 2018-07-09 3564浏览量

  • jquery $(document).ready() 与window.onload的区别

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间          window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。    ...

    文章 微个日光日 2014-07-02 1078浏览量

  • React源码分析6 — React合成事件系统

    React源码系列文章,请多支持:React源码分析1 — 组件和对象的创建(createClass,createElement)React源码分析2 — React组件插入DOM流程React源码分析3 — React生命周期详解React源码分析4 — setState机制React源码分析5...

    文章 扬易 2017-03-17 4862浏览量

  • js动态绑定事件

    有关js动态绑定事件 //为元素绑定事件 function addEvent(elem,type,fn){ if(window.addEventLister){ elem.addEventLister(type,fn,false); } else if(w...

    文章 爱六六 2013-04-15 650浏览量

  • jquery $(document).ready() 与window.onload的区别

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。       ...

    文章 ndblog 2014-06-20 619浏览量

  • 【JavaScript】attachEvent 与addEventListener区别

    attachEvent 与addEventListener到底有什么区别呢?总结如下: 一、适应的浏览器版本不同 attachEvent方法适用于IE    addEventListener方法适用于FF   二、针对的事件不同 attachEvent中的事件带on   而addEventList...

    文章 double2li 2012-04-01 549浏览量

  • JavaScript FAQ(十三)——图片

    十一、图片  1. OnMouseOver效果(OnMouseOver Effects) Q:我如何在用户鼠标放到图片上时更改这个图片? A:这里一个简单的例子: 鼠标移到文件上,它就会打开。鼠标移走,它就会关闭。 在这个例子中,图像是2.gif,而图片是1.gif。它们都保存在../hi-ic...

    文章 kjmeng 2009-01-03 598浏览量

  • jquery $(document).ready() 与window.onload的区别

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间        >    alert(“text1”); }; window.onload =&g...

    文章 涂作权 2013-12-26 792浏览量

  • jQuery学习笔记(二)选择器 事件

    选择器: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery-1.7.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(do...

    文章 广贤 2012-01-17 1165浏览量

  • 支持移动端和PC端的轻量级轮播图插件&&hammer.js教程

    http://www.swiper.com.cn/ 下载:http://download.csdn.net/detail/cometwo/9407912 原文地址:http://www.cnblogs.com/iamlilinfeng/p/4239957.html 1、 Pa...

    文章 cometwo123 2016-01-18 3797浏览量

  • 客户端的js js脚本的引入 js的解析过程

    web浏览器中的JavaScriptweb浏览器中的js通常称为客户端的JavaScript 客户端 JavaScript window对象是所有客户端JavaScript特性和api的主要接入点。即,表示web浏览器一个窗口或窗体。使用标识符window来完成引用。 属性 window对象定义了...

    文章 mysoul8021 2018-08-03 1275浏览量

  • JavaScript FAQ(十五)——鼠标事件(二)

     十二、鼠标事件   2. 左键 vs.右键(Left vs. Right Button) Q:我如何检查用户点击的是右键还是左键? A:click事件只在左键发生,因此onClick事件处理器不用进行左右键测试。 另一方面,mousedown和mouseup事件可能发生在鼠标的任何键上。要确定用...

    文章 kjmeng 2009-03-09 613浏览量

  • DOM操作(基础版)

    DOM操作(基础版)DOM是document Object Model的缩写,简称文档对象模型。只要记住这是操作文档的就行了。 DOM基础选择器1、getElementById(id); //获取指定的id元素 2、getElementsByClassName(class); //通过class获...

    文章 推荐码发放 2019-08-31 631浏览量

  • 关于JavaScript 的事件[下]

    C 事件对象 i > 在IE 浏览器中,事件对象是window 对象的一个属性event 。访问方式如下: function getEvent(){ var o_event = window.event; } event 对象在事件发生时被访问,执行完函数后就消失了。 ...

    文章 老朱教授 2017-11-26 630浏览量

  • Firefox兼容的JavaScript回车提交表单

    from:http://readwall.blog.163.com/blog/static/10127132200951195755734/ 还没来得及试,先记录下来,估计是不会有什么大问题的。 发现没有用<Form>标签和form.submit方法的回车提交在firefox下面不工...

    文章 技术小阿哥 2017-11-27 818浏览量

  • js常见执行方法window.onload = function (){},$(document).ready()

    1. window.onload = function(){}; 当页面DOM对象加载完毕,web浏览器能够运行JS时,此方法即被触发。2. $(document).ready();当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法。常用于检测页面(及其附带资...

    文章 ndblog 2014-06-25 717浏览量

  • 事件的冒泡行为和默认行为

    &lt;div style="height:200px;width:200px;background:#ccc;"&gt; &lt;input type='button' value='按钮'&gt; &lt;/div&gt;   // 测试冒泡事件(重叠的这些元素都绑定了同一个事件) 顺序...

    文章 ke_ry 2016-09-26 515浏览量

  • javascript的事件

    原文:javascript的事件 前戏   今天在博客中看到了javascript的事件机制,就自己试试写一个简单的冒泡捕获测试,但是测试结果出乎了我的意料,主要是自己原来对事件了解不是很清楚,现在写篇博客记录下。 基础   先来看一下我在Aaron博客中截的一张图   DOM2中事件有三个阶段 ...

    文章 杰克.陈 2014-06-06 573浏览量

1 2 3 4 ... 27 >

云产品推荐

阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 企业建站模板