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

JS中的事件：鼠标、键盘、HTML事件

2017-07-25 22:07 627 查看

<body>
<div>
<img class="a" src="../../img/new_01" alt="">
<img class="a" src="../../img/new_02" alt="">
<img class="a" src="../../img/new_03" alt="">
</div>
</body>
<script>
var img = document.getElementsByTagName('img');
//循环设置每一个元素的鼠标事件

for(var i = 0;i < img.length;i++){
//鼠标进入这个元素时
img[i].onmouseover = function(e){
e.target.className = 'b';
};
//鼠标离开这个元素时
img[i].onmouseout = function(e){
e.target.className = 'a';
}
}
</script>

<script>
window.onload = function(){
window.onkeypress = function(e){
//            console.log(e)
//            alert(e.key);
if (e.charCode == 71){
alert('G被点击了');
}
}
}
</script>

<script>
window.onload = function(){
var d = document.getElementById('d');
//事件的监听（焦点转移才后有事件的监听）
d.onchange = function(){
alert('内容发生改变了')
}
}
</script>

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

标签： javascript 鼠标事件键盘事件 HTML事件

相关文章推荐

新的分享

章节导航