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

    }

    };

    });

    }

  • 相关阅读:
    jQuery Easing 动画效果扩展--使用Easing插件,让你的动画更具美感。
    JavaScript表达式--掌握最全的表达式,一切尽在掌握中,让表达不再是难事
    JavaScript的格式--从格式做起,做最严谨的工程师
    JavaScript 简介--对javascript的初识,最基础的了解
    手机web页面制作时的注意事项
    实现像淘宝一样牛的语音搜索框
    Cufon在渲染网页字体你不知道的事
    .net中单选按钮RadioButton,RadioButtonList 以及纯Html中radio的用法实例?
    使用C#把发表的时间改为几个月,几天前,几小时前,几分钟前,或几秒前
    eval解析JSON中的注意点
  • 原文地址:https://www.cnblogs.com/attilax/p/5963404.html
Copyright © 2011-2022 走看看