• 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));

    }

    };

    });

    }

  • 相关阅读:
    Google Kubernetes设计文档之服务篇-转
    基于kubernetes构建Docker集群管理详解-转
    Pass云Docker介绍
    Spring <context:annotation-config/> 解说
    webapp开发需要注意的浏览器内核知识
    koala编译scss文件时不支持中文字体的解决方案
    CSS3硬件加速需要注意的事项
    ios客户端快速滚动和回弹效果的实现
    mui禁止滚动条和禁止滚动
    苹果端禁用左右滑动屏幕返回上级页面
  • 原文地址:https://www.cnblogs.com/attilax/p/15198626.html
Copyright © 2020-2023  润新知