zoukankan      html  css  js  c++  java
  • Atitit.获得向上向下左的右的邻居的方法 软键盘的设计..

    Atitit.获得向上向下左的右的邻居的方法 软键盘的设计..

     

     

    Left right可以直接使用next prev..

    Up down可以使用pix 判断...获得next elementposition...比较top

     

    不过,要是跨block的化...仅仅所有的可以使用positon方案了...

     

     

    判断是不是next block...可以使用span 10px;...因为block尺寸不一样大..贝儿也能使用中心线了..

    if(left_cur+10 >focusObj_left  && left_cur-10<focusObj_left &&  top_cur>focusObj_top)

     

     

    作者::  ★(attilax)>>>   绰号:老哇的爪子  全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊  汉字名:艾龙,  EMAIL:1466519819@qq.com

    转载请注明来源: http://blog.csdn.net/attilax

     

    // JavaScript Document

     

    function SearchBox()

    {

    }

    SearchBox.prototype.removeFocus=function()

    {

    var arr=$(".searchbox .key");

    arr.each(function(index, element) {

            $(element).removeClass("hover");

        });

    //var now=$(".hover").get(0);

    }

    SearchBox.prototype.getFocusControl=function()

    {

    var now=$(".hover").get(0);

    return now;

    }

    SearchBox.prototype.key_up_event=function(curFocusObj)

    {

    }

    SearchBox.prototype.key_down_event=function(curFocusObj)

    {

     

    var focusObj_top = $(curFocusObj).offset().top;

    var focusObj_left = $(curFocusObj).offset().left;

    alert("cur xy:"+focusObj_left+"  "+focusObj_top);

    var isFind=false;

    var arr=$(".searchbox .key");

    arr.each(function(index, element) {

    if( $(element).html()=="J")

    alert("--");

    if($(element).attr("id")!=$(curFocusObj).attr("id"))

            $(element).removeClass("hover");

    if($(element).attr("id")==$(curFocusObj).attr("id"))

    return true;  //continue;

    var top_cur= $(element).offset().top;

    var left_cur= $(element).offset().left;

    if(left_cur+10 >focusObj_left  && left_cur-10<focusObj_left &&  top_cur>focusObj_top)

    {

     $(element).addClass("hover");

     isFind=true;

     return false; //break;

    }

        });

    if(isFind)

    $(curFocusObj).removeClass("hover");

    }

    SearchBox.prototype.key_left_event=function(curFocusObj)

    {

    }

     

    SearchBox.prototype.key_rit_event=function(curFocusObj)

    {

    }

    SearchBox.prototype.key_enter_event=function(curFocusObj)

    {

    var value = curFocusObj.html();

            $('.searchbox .textbox').append(value);

    }

    SearchBox.prototype.bindKeyEvent=function()

    {

    var arr=$(".searchbox .key");

    arr.each(function(index, element) {

       

    var id="key_aid_"+index;

     $(element).attr("id",id);

    //

    // objEvtMap[ id+"--left" ]=function(element)

    // {

    // 

    // 

    // }

     

      objEvtMap[ id+"--enter" ]=function(element)

     {

     this.key_enter_event($(element));

     

     }

    objEvtMap[ id ]=function(evt,element)

    {

    if(evt=="down")

    this.key_down_event($(element));

    if(evt=="up")

    this.key_up_event($(element));

     if(evt=="left")

     {

    this.key_left_event($(element));

    };

    if(evt=="rit")

    {

    this.key_rit_event($(element));

    }

    };

    });

    }

  • 相关阅读:
    Atitit  atiMail atiDns新特性 v2  q39
    Atitit  atiMail atiDns新特性 v2  q39
    Atitit.aticmd v4  新特性q39 添加定时器释放功能
    Atitit.aticmd v4  新特性q39 添加定时器释放功能
    Atitit. Atiposter 发帖机 新特性 poster new feature   v7 q39
    Atitit. Atiposter 发帖机 新特性 poster new feature   v7 q39
    Atitit.编程语言and 自然语言的比较and 编程语言未来的发展
    Atitit.编程语言and 自然语言的比较and 编程语言未来的发展
    atitit.解决struts2 SpringObjectFactory.getClassInstance NullPointerException  v2 q31
    知也atitit.解决struts2 SpringObjectFactory.getClassInstance NullPointerException  v2 q31无涯 - I
  • 原文地址:https://www.cnblogs.com/attilax/p/5963404.html
Copyright © 2011-2022 走看看