码迷,mamicode.com
首页 > Web开发 > 详细

jQuery元素绑定事件

时间:2020-04-13 19:46:24      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:todo   title   点击   元素   绑定   element   jquery   mouse   username   

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="d1" class="c">嘎嘎</div>
        <div id="d2" class="c">咕咕</div>
        用户名:<input type="text" name="username" id="username" value="" />
        <button type="button" id="b1">我是一个按钮</button>
        <script type="text/javascript" src="../images/jquery-3.4.1.min.js"></script>
        <script type="text/javascript">
            document.getElementById("d1").onclick = function(){
                //todo
                alert("我是js原生绑定点击事件");
            }
            $("#d2").click(function(){
                alert("我是jQuery绑定点击事件");
            })
            /* 失去焦点 */
            /* $("#username").blur(function(){
                alert("blur事件");
            }) */
            /* 得到焦点 */
            /* $("#username").focus(function(){
                alert("focus事件");
            }) */
            
            /* 键盘事件 */
            /* 键盘按下 */
            /* $("#username").keydown(function(event){
                alert("keydown事件:"+event.keyCode);
            }) */
            /* 键盘按下 */
            /* $("#username").keypress(function(event){
                alert("keydown事件:"+event.keyCode);
            }) */
            /* 键盘抬起 */
            $("#username").keyup(function(event){
                alert("keydown事件:"+event.keyCode);
            })
            
            /* 鼠标事件 */
            /* 鼠标按下 */
            /* $("#b1").mousedown(function(){
                alert("鼠标按下");
            }) */
            /* 鼠标抬起 */
            /* $("#b1").mouseup(function(){
                alert("鼠标抬起");
            }) */
            /* 鼠标移动 */
            /* $("#b1").mousemove(function(){
                alert("鼠标移动");
            }) */
            /* 鼠标移出 */
            /* $("#b1").mouseout(function(){
                alert("鼠标移出");
            }) */
            /* 鼠标移入 */
            $("#b1").mouseover(function(){
                alert("鼠标移入");
            })
        </script>
    </body>
</html>

 

jQuery元素绑定事件

标签:todo   title   点击   元素   绑定   element   jquery   mouse   username   

原文地址:https://www.cnblogs.com/qilin20/p/12669372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!