jQuery基础事件

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_30369041

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Itwonderful/p/5706795.html

<body>
<input type="text" value="" />
<div style="width:100px; height:100px; background-color:#0E0">
<div style="width:50px; height:50px; background-color:blue"></div>
</div>
</body>
</html>
<script>
$(document).ready(function(e) {
    //mouseover,mouseout
    //mouseenter,mouseleave   效果差不多，只不过enter和leave 对子元素无效,over和out 会触发子节点
    $('input').keydown(function(e){
        alert(e.keyCode);
        })
    $('input').keypress(function(e){
        alert(e.charCode);
        })
    $('input').focus(function(){
        alert('光标激活');
        })
    $('input').blur(function(){
        alert('光标离开');
        })
    //focus和blur必须是当前元素才能激活,focusin和focusout可以使子元素激活
    $('div').hover(function(){
        $(this).css('background','red');
        },function(){
            $(this).css('background','green');
            })//hover结合了mouseenter和mouseleave方法，而不是over和out方法
    

    
});
</script>