您的位置：首页 > Web前端 > JavaScript

javascript高级之常用事件

2016-11-17 23:56 295 查看

常用事件

(1)onload:html页面在加载时候触发事件,调用响应的js方式,

onclick:鼠标点击事件.

<html>

<head>

<title>html示例</title>

</head>

<body onload="test1();">
<input type="text" onclick="test2();"/>

</body>

<script type="text/javascript">
//onload和onclick事件
function test1() {
alert("load");
}
function test2() {
alert("onclick");
}

</script>

</html>

(2)onfocus事件和onbrul事件

onfocus:获取焦点(鼠标放入输入框)

onbrul::失去焦点(鼠标拿出输入框)

(3)onmousevoer事件onmouseover事件onkeypress事件

onmouseover:鼠标被一道某元素上

onmouseout;鼠标移除某元素

keypress:点击键盘的某个按键,调用方法

<html>

<head>

<title>html示例</title>

</head>

<body>
<input type="text" onfocus="focus1();" onblur="blur1();"/>
<br/>
<input type="text" id="textid" onmouseover="over1();" onmouseout="out1();"/>
<br/>
<input type="text" id="textid1" onkeypress="key1(event);"/>

</body>

<script type="text/javascript">
//onkeypress
function key1(abc) {
//alert(obj.keyCode);
//如果点击键盘上面的回车键，调用方法 13
if(abc.keyCode==13) {
alert("key1");
}
}

attribute对象
text对象
//onmouseover onmouseout
function over1() {
document.getElementById("textid").value = "调用onmouseover方法";
}

function out1() {
document.getElementById("textid").value = "调用onmouseout方法";
}
//onfocus事件和onblur事件
function focus1() {
alert("调用onfocus方法");
}
function blur1() {
alert("调用onblur方法");
}

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航