继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery 给一个节点绑定事件总结

不要慕码人我要切诺基
关注TA
已关注
手记 281
粉丝 37
获赞 120


//给输入框绑定事件
   key = $("#key");
   key.bind("focus", focusKey).bind("blur", blurKey).bind("change cut input propertychange", searchNode);
   key.bind('keydown', function (e){if(e.which == 13){searchNode();}});
      setTimeout("search();", "300");


给id=key 节点绑定focus,blur,keydown,searchNode事件

focusKey,blurKey ,searchNode函数


    function focusKey(e) {
            if (key.hasClass("empty")) {
                key.removeClass("empty");
            }
        }


    function blurKey(e) {
            if (key.get(0).value === "") {
                key.addClass("empty");
            }
            searchNode(e);
        }



        function searchNode() {
            // 取得输入的关键字的值
            var value = $.trim(key.get(0).value);
            
            // 按名字查询
            var keyType = "name";
            // 如果和上次一次,就退出不查了。
            if (lastValue === value) {
                return;
            }
            // 保存最后一次
            lastValue = value;
            var nodes = tree.getNodes();
            // 如果要查空字串,就退出不查了。
            if (value == "") {
                showAllNode(nodes);
                return;
            }
            hideAllNode(nodes);
            nodeList = tree.getNodesByParamFuzzy(keyType, value);
            updateNodes(nodeList);
        }

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP