事件监听var son = document.querySelector(".son");son.addEventListener(‘click‘, once1);function once1() {alert(1)}son.addEventListener(‘click‘, once2);function once2() {alert(2)}原文:https://www.cnblogs.com/EternalZH/p/10395051.html
一、事件流 1.事件流:描述的是在页面中接受事件的顺序 2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 3.事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件二、事件处理 1.HTML事件处理:直接添加到HTML结构中 2.DOM0级事件处理:把一个函数赋值给一个事件处理程序属性 3.DOM2级事件处理: addEventListener("事件名","事件处理函数",布尔值) ...
一.JavaScript的组成 JavaScript基础分为三个部分: ECMAscript:JavaScript的标准语法.包括变量,表达式,运算符,函数,if语句,for语句等. DOM:文档对象模型,操作网页上的元素和API.比如让盒子移动,变色,轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动.二.事件 js是以事件驱动为核心的一门语言三.事件的三要素 事件的三要素是:事件源,事件,事件驱动程序 比如,我用手去安...
要自己写一个自定义滚动条加上滚轮事件,之前的没有滚轮事件不完整,今天整理了一个。1.滚轮事件是不兼容的,firefox中是必需要用事件绑定的添加,用的DOMMouseScroll,当滚动鼠标的时候,只要鼠标滚动的方法就行了,而这通过检测datail的正负号就可以确定2.其他的用mousewheel(Ie是onmousewheel),通过检测wheelDelta 1 <!doctype html>2 <html>3 <head>4 <title>拖拽-加滚轮</title>5 <style>6 .main{ width: 300...
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html> <h...
事件处理程序事件处理程序即响应某个事件的函数事件处理程序以 “on” 开头如“onclick”,“onload” HTML事件处理程序某个元素支持的每种事件都可以使用一个与响应的事件处理程序同名的HTML特性来指定这个特性的值应该是能够执行的script代码如:<input type="button" value="click me" onclick="alert(‘clicked‘)"/>此外也可以直接调用在文档其它部分定义的函数作为事件处理程序所执行的代码如:<input type="button" value="...
很简单,看代码。普通添加事件的方法:var btn = document.getElementById("hello"); btn.onclick = function(){alert(1); } btn.onclick = function(){alert(2); } 执行上面的代码只会alert 2 事件绑定方式添加事件:var btn = document.getElementById("hello"); btn.addEventListener("click",function(){alert(1); },false); btn.addEventListener("click",function(){alert(2); },false); 执行上面的代码会先alert 1 再 alert...
window.document.onkeydown = function (e) {var evt = window.event || e;//兼容性处理var keycode = evt.keyCode;switch (keycode) {case37://左 pgwSlideshow.previousSlide();break;case39://右 pgwSlideshow.nextSlide();break;}}; Javascript的键盘事件keyCode 37 为左方向键,38为上,39为右,40为下相关键值可以参照 http://www.cnblogs.com/hsapphi...
一.概述: 事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。相当于让标签在满足某种条件的时候,调用指定的方法.二.常用事件 1:onload事件:表示页面上的其他元素全部加载完成之后,再执行指定的方法; 格式: 1)直接定义一个带名称的方法,在body标签中,使用onload=”方法名()”; 2)写在js文件中: window.onload=function(){ Js代码 } 注意事项: 一...
JavaScript使得网页与用户友好交互,在使用 js 进行时间绑定的时候有三种绑定方式。第一种:初学者以及普通写法1<div id="dom0">2<input type="button" value="Click0" onclick="dom0();"/>3</div>4<script>5function dom0(){ 6 alert(‘Dom0 Leval‘); 7 } 8</script>第二种:程序员常用写法1<div id="dom1">2<input type="button" value="Click1"/>3</div>4<script>5var dom1=document.getElementById(‘dom1‘).first...
事件:发生了某一件事情。例如:onClick鼠标单击,当你单击的时候发生什么事情。1.onBlur焦点离开事件2.onChange用户修改了值正要离开事件3.onClick鼠标单击事件4.onDbClick鼠标双击事件5.onFocus获得焦点事件6.onkeydowm按键被按下事件7.onKeyup按键被释放事件8.onMouseover鼠标经过事件9.onMouseout鼠标离开事件10.onUmload浏览器关闭事件11.onSubmit提交表单事件12.onMousemove鼠标在对象上移动事件13.onLoad对象已加载事件从上...
一、什么是JavaScript事件?事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面加载完成,或者是用户滚动窗口或改变窗口大小。说白了,事件是文档或浏览器中发生的特定交互瞬间!通过使用JavaScript,你可...
JavaScript事件类型:UI事件:当用户与页面上的元素交互时触发; load: 当页面加载后在window上触发, 图像加载完成后再<img />上触发 unload: abort:当用户停止加载过程时,如果嵌入内容没有加载完,则在<object>上触发 error:发生JavaScript错误时在window上触发,当无法加载图像时在<img />上触发, 无法加载嵌入内容时则在<object>上触发 select:当用户选择文本框(input / textarea)中的字符时触发 r...
JavaScript事件详解事件流事件处理事件对象事件流:描述的是在页面中接受事件的顺序事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件事件处理1、HTML事件处理:直接添加到HTML结构中<button id="btn" onclick="hello()">按钮</button><script>function hello() { alert("hello") } </script>缺点:如果事件名字修改需要修改两...
Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息。DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发;焦点事件,元素获得或失去焦点触发;鼠标事件,用户通过鼠标在页面上执行操作时触发;滚轮事件,使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发;键盘事件,用户通过键盘在页面上操作触发;合成事件,当为IME输入字符时触发;变动事件,底层DOM结构发生变化时触发。UI事件 U...