JS中event事件

onclick="alert(this.style.background)"

div style="background:green;" onclick="alert(this.style.background)"

div style="background:red; "onclick="alert(this.style.background)"/div

/div

/div

/body

/html

执行上面代码点击一下最里面的红色就懂了

3.键盘事件

KeyCode:获取用户按下键盘的哪个按键

用法代码:

script

document.onkeydown=function(ev)

{

var oEvent=ev||event;

alert(oEvent.keyCode);

}

/script

执行以上代码随便按下某个键就会报出数字,这个数字就对应这个按键

例子2:如何使用按键回车提交某个信息

!DOCTYPE html

html

head

meta charset="UTF-8"

title/title

script

window.onload=function()

{

var oBun1=document.getElementById(‘bu1‘);

var oBun3=document.getElementById(‘text1‘)

oBun1.onkeydown=function(ev)

{

var oEvent=ev||event;

if(event.keyCode==13)

{

oBun3.value=oBun3.value+oBun1.value;

oBun1.value=‘‘

}

}

}

/script

/head

body

input id="bu1" type="text" /

textarea id="text1" rows="10" cols="40"/textarea

/body

/html

还有如何使用ctry+回车提交

只需要把如上代码if部分改为

if(event.keyCode==13 || oEvent.ctrlkey)

keyCode其他属性

ctrlKeyshiftKeyaltKey


本文出自 新网学会博客 博客,请务必保留此出处http://xwxhvip.blog.51cto.com/13020757/1983467

JS中event事件

原文地址:http://xwxhvip.blog.51cto.com/13020757/1983467


最新回复(0)
/jishuhGQpsvLblVMxAVffHQoflTUBqU8zphVt_2Feftyw_3D_3D3512521
8 简首页