`

快捷键功能完善

阅读更多

1)使用的快捷键插件:keypress-2.1.4.min.js

2)键盘的向上向下键盘,选择元素

/**

*up:键盘的向上

*down:键盘的向下 

*/

function up(obj,isChild){

    obj.removeClass("selected");

    var prev = obj.prev();

    prev.addClass('selected');

}

function down(obj,isChild){

    obj.removeClass("selected");

    var next = obj.next();

    next.addClass('selected');

}

 

** hidden(prev,'up');    up_down_event(prev,isChild);代码可忽略(业务方面内容)

3)检测元素是否在可视区域  有滚动条

function hidden(obj,forword){

    var scrollWin = obj.parents('.gridScroller');

    var itemOffsetTop = obj.offset().top;

    var itemOuterHeight = obj.outerHeight();

 

    var winHeight = scrollWin.height();

    var winOffsetTop = scrollWin.offset().top;

 

 

    var scrolledHeight = scrollWin.scrollTop();

    var visibleHight = winHeight + winOffsetTop;

    var currentItemHeight = itemOffsetTop + itemOuterHeight;

 

    if(forword == 'down'){

        if(visibleHight < currentItemHeight){

      //to do 

             scrollWin.scrollTop(itemOuterHeight + scrolledHeight);

        }

    }else{//up

        currentItemHeight = currentItemHeight + scrolledHeight;

        if(visibleHight > currentItemHeight){

 //to do 

             scrollWin.scrollTop(scrolledHeight - itemOuterHeight);

        }

    }

}

ps:附件是快捷键的插件以及自己封装的功能实现。

  • js.rar (6.2 KB)
  • 下载次数: 0
分享到:
评论

相关推荐

    Eclipse快捷键壁纸.rar

    Eclipse是一款开源的、免费的IDE,它的快捷键系统设计得相当完善,使得程序员可以快速地进行代码编写、调试和项目管理。例如,“Ctrl + Shift + T”用于打开类型浏览器,快速查找并打开类;“Ctrl + Shift + R”则...

    方便好用的快捷键程序

    尽管这个程序可能在某些细节上还有待完善,例如缺少开机自动启动的选项,但其主要功能已经相当完备,足以满足大多数用户的日常需求。 快捷键的设定通常遵循易记且方便的原则。比如,你可以将最常用的文档关联到...

    3dsmax全部快捷键.pdf

    通过快捷键的合理使用,可以大大缩短操作时间,减少鼠标点击的频率,让设计师能够更加专注于创意的实现和细节的完善。因此,无论是初学者还是资深用户,都应该不断练习和记忆这些快捷键,使之成为自己工作中得心应手...

    ORCAD 快捷键补要

    标题中的"ORCAD快捷键补要"指的是对ORCAD软件中快捷键功能的增强或补充。这可能是通过安装"ORCAD10.5_Hot_Key_Path.exe"这个补丁文件来实现的。补丁通常用于修复软件中的问题,添加新功能,或者像在这个案例中,优化...

    WPF 快捷键操作

    - **多级快捷键**:通过组合多个按键,可以实现更加复杂的功能,比如`Ctrl+Shift+F`这样的组合。 #### 五、总结 本文介绍了WPF中快捷键操作的基本概念和实现方法,并通过一个简单的示例展示了如何在WPF应用中添加...

    Creo3.0M010配置文件(含快捷键)

    这款软件提供了丰富的功能,包括建模、装配、工程图等,为工程师们提供了高效的设计工具。配置文件在Creo中扮演着至关重要的角色,它们决定了软件的启动行为、界面设置以及用户自定义的快捷键布局。下面我们将详细...

    PHOTOSHOP自动保存 保存提示 自定义拾色器快捷键

    "Update.exe"可能是更新程序,用于检查和安装软件的最新版本,确保用户始终能够使用到稳定且功能完善的辅助工具;"Data"文件夹可能包含了软件运行所需的数据或资源文件。 总的来说,这款名为"PHOTOSHOP自动保存 ...

    autocad 常用快捷键

    - **EX, *EXTEND(延伸)**:延长线条至与其他对象相交,完善图形连接。 - **S, *STRETCH(拉伸)**:拉伸选定对象的一段,改变其长度或形状。 - **LEN, *LENGTHEN(直线拉长)**:精确调整线段的长度,满足设计需求...

    凡亿allegro快捷键设置env文件

    Allegro以其强大的功能和用户友好的界面深受工程师喜爱。在Allegro中,为了提高设计效率,用户通常会自定义快捷键设置。`env`文件就是这样一个重要的配置文件,它用于存储用户的个人化设置,包括快捷键、环境变量等...

    HotKeyManager快捷键管理工具

    10. **更新与支持**:作为一款专业工具,HotKeyManager通常会有持续的更新和完善,修复已知问题,添加新功能,以及提供技术支持。 综上所述,HotKeyManager是一款强大的快捷键管理工具,可以帮助用户提升日常操作...

    TextBox 控件自定义快捷键

    通过上述步骤,我们成功地实现了 `TextBox` 控件的自定义快捷键功能。这种定制化的能力不仅提高了应用程序的可用性,还增强了用户体验。开发者可以根据实际应用需求,继续扩展和完善自定义快捷键的功能,例如支持更...

    ET2012快捷键增版

    ET2012是服装工艺CAD领域的一款经典软件,其2012版本主要侧重于界面的改进和完善功能的增强。通过对用户界面的精心设计,使得操作更加直观,设计师可以更专注于创作,而非软件的操作。这一版本的更新不仅提升了软件...

    CAD快捷键及其创建步骤.pdf

    CAD快捷键是计算机辅助设计软件中用于快速执行特定功能的键位组合。掌握CAD快捷键能够显著提高工作效率,缩短设计时间。...同时,不断更新和完善个人的快捷键设置,也是提高设计水平的一个重要方面。

    宏超链接代码实现快捷键一次性链接

    本文将详细介绍如何利用宏超链接代码实现快捷键的一次性链接功能。 #### 基本概念 1. **宏(Macro)**:是一种自动化工具,在Excel等办公软件中广泛使用。它可以通过录制或编写VBA(Visual Basic for Applications...

    为Excel常用按钮定制快捷键[参照].pdf

    在Excel中,虽然有许多常用的功能,但并非所有功能都有预设的快捷键,这可能会降低工作效率。然而,通过自定义快捷键,我们可以...在实践中不断调整和完善,找到最适合自己的快捷键组合,将使你在Excel操作中游刃有余。

    Photoshop快捷键大全

    Photoshop作为一款专业图像编辑软件,其快捷键系统设计得相当完善,旨在帮助用户快速执行常见操作,节省时间并提高创作效率。 ### Photoshop快捷键大全的重要性 Photoshop快捷键大全对于提升工作流程效率至关重要...

    线路CAD快捷键的使用方法.pdf

    这些编辑功能允许用户高效地修改和完善图形。 对于图层、尺寸、文本以及属性的管理,快捷键包括了创建新图层(Layer New)、删除图层(Layer Delete)、图层冻结(Layer Freeze)、图层解冻(Layer Thaw)、图层...

    javascript onkeydown实现键盘快捷键控制页面.docx

    - **JavaScript 快捷键设置实现代码**:针对 Web 开发者,可以进一步探索如何在网页中设置更多复杂的快捷键功能。 #### 8. 总结 通过使用 `onkeydown` 事件,可以轻松地为网页添加键盘快捷键功能,极大地提升了...

Global site tag (gtag.js) - Google Analytics