菜单

Javascript基础知识(二)事件

2019年7月25日 - 皇家前端

<script>
 Var button1=document.getElementById(“input1”);
 button1.onclick=funtion(){
 alert(‘helloword!’)
 }
</script>

submit:当表单被交付时,触发submit事件;

2.理念事件书写的两种方式:

7.type:事件的称号;

onmouseup:当抬起鼠标时;

Event对象:(event对象是window对象的属性,当事件爆发时,同一时候发生event对象,事件截至,event对象消失)

reset:重置

5.offsetY:鼠标指针相对于诱惑平地风波的靶子的Y坐标;

onkeydown:当用户在键盘上按下贰个键时发生;

3.阻止事件的默许行为;

2.clientY:事件时有发生时,鼠标指针在客户区(不包罗工具栏,滚动条等)的Y坐标;

1.获得指标;

4.pageY;鼠标指针绝对于页面包车型地铁Y坐标;

//IE: var iCharCode=oEvent.keyCode;

<script>
 var fnclick1=function(){alert(“我被点击了”)}
 var fnclick2=function(){alert(“小编被点击了”)}
 var Oinput=document.getElementById(“input1”);
 if(document.attachEvent){
 Oinput.attachEvent(“onclick”,fnclick1)
 Oinput.attachEvent(“onclick”,fnclick2)
 }
 else(document.addEventListener){
 Oinput.addEventListener(“click”,fnclick1,true)
 Oinput.addEventListener(“click”,fnclick2,true)
 }
</script>

你或然感兴趣的篇章:

1.Javascript风浪模型:1.冒泡类型: <input
type=”button”>当用户点击按键时:input-body-html-document-window(从下往上冒泡)IE浏览器只是用冒泡

error:javascript产生错误时,爆发的事件;

4.offsetX:鼠标指针相对于诱惑事件的对象的X坐标;

复制代码 代码如下:

onload:加载页面时;

//DOM: var oTarget=oEvent.target;

onkeyup:当用户自由一个按下的键时发生;

//IE:oEvent.cancelBubble=true;

onmouseout:当鼠标移出时;

3.<input type=”button” id=”input1″>  //佚名函数

<script>
 var fnclick(){
 alert(“笔者被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.attachEvent(“onclick”,fnclick);
 ————————————–
 Oinput.detach伊夫nt(“onclick”,fnclick);//IE中去除事件
</script>

<input type=”button” id=”input1″>  //IE中增加事件

1.<input type=”button” onclick=”alert(‘helloworld!’)”>

DOM中event对象常用的特性方法:

//DOM: oEvent.preventDefault;

透过ECMA标准化后,其余浏览器都协理三种档期的顺序,捕获先爆发。

IE中:window.event;//获取对象

onclick:点击鼠标左键时;

IE中伊芙nt对象常用的属性方法:

blur:获得大旨时;

scroll:当用户滚动或有滚动条时触发的风浪;

onmousedown:当按下鼠标时;

2.获取字符码;

二.键盘事件:

3.当代事件书写格局:

一.鼠标事件:

onmouseover:当鼠标移入时;

<input type=”button” id=”input1″> //包容IE和DOM增加事件

事件类型:

3.pageX;鼠标指针相对于页面包车型客车X坐标;

二种event对象的同样点和不一致点

    2.捕获项目: <input
type=”button”>当用户点击开关时:window-document-html-body-input
(从上往下)

keypress:当用户直接按着键不放时;

5.猎取显示屏坐标;

//IE: oEvent.returnValue=false;

6.srcElement:导致事件时有发生的因素;

3.keyCode:对于keyCode事件,提醒按下的键的Unicode字符,对于keydown/keyup事件,提醒按下的键盘是数字表示器(得到开关的数值);

3.检测Shift,Alt,Ctrl;

DOM中:argument[0];//获取对象

三.HTML事件:

1.clientX;

2.<input type=”button
onclick=name1()”>======<script>function
name1(){alert(‘helloword!’);}</script> //盛名函数

1.到手事件类型;

不同点:

Javascript的风云模型

2.clientY;

//DOM:oEvent.stopPropagation

<input type=”button” id=”input1″>  //DOM中加多事件

5.StopPropagation:调用该办法能够阻止事件的愈发传播(冒泡);

复制代码 代码如下:

change:在一个input只怕textarea中,当它失去核心,在select中触发change事件

6.target:触发的事件因素/对象;

4.终止冒泡:

onunload:卸载页面时;

1.clientX:事件产生时,鼠标指针在客户区(不包蕴工具栏,滚动条等)的X坐标;

select:在一个input或许textarea中,用户选拔字符时,触发的select事件

4.赢得客户区坐标;

abort:当用户终止装载进度在此以前,借使他还一向不被统统转发,发生abort事件

复制代码 代码如下:

focus:失去核心时;

相同点:

resize:当窗口或框架尺寸调节时接触的风浪;

ondblclick:双击鼠标左键时;

复制代码 代码如下:

<script>
 var fnclick(){
 alert(“我被点击了”)
 }
 var Oinput=document.getElementById(“input1”);
 Oinput.addEventListener(“onclick”,fnclick,true);
 ————————————–
 Oinput.remove伊芙ntListener(“onclick”,fnclick);//DOM中删除事件
</script>

//IE:var oTarget=oEvent.srcElement;

//DOM: var iCharCode=oEvent.charCode;

2.得到键盘代码(keydown/keyup事件);

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图