提示补全组件 KISSY Suggest 1.1 更新

作者: nick 分类: ajax, js 发布时间: 2010-08-10 12:19 ė 6没有评论

不了解的可以先看下这贴:KISSY Suggest 1.0 发布
这次更新主要有以下几点:

  1. 去除对 yahoo-dom-event 的依赖,完全仅依赖 ks-core
  2. 去掉了对静态 JSON 数据源的支持,因为实际项目中,从未出现过类似需求。(预告:类似需求将由正在开发中的 combobox 组件提供)
  3. 对 PgDn/PgUp/Down/Up 等页面导航控制键的智能响应。由于主搜索框一般会设置自动聚焦,这对键盘用户来说,当打开页面的第一操作不是搜索而是滚动页面时,自动聚焦会带来“干 扰”。目前 Suggest 能有效“猜测”用户意图,当你想翻页时,就 PgDn 吧,不用再怀疑键盘是否失灵了。
  4. 增强了自定义事件,可以满足过去一年多以来,淘宝对 suggest 的各种定制化需求。
  5. 对焦点的管理更加健壮。目前可以满足当提示框下面是 iframe 时(比如页面的主内容是 iframe 的情况),点击 iframe 区域时,也能关闭提示框,无跨域问题。
  6. 输入框宽度改变时,提示层显示时,宽度的自动自适应,以及其它一些细节的优化。
  7. 支持 ipad 等 touch 设备。(注意:iphone 一代请升级 safari 浏览器到最新版)
  8. 文件大小更小了:min 压缩后 8.3k

测试页面:test.html(总共 30 项测试用例,目前除了 KISSY Suggest, 只有 Google 搜索提示能全部通过)
示范页面:demo.html(看下源码,相信你就知道如何使用了)

下载:ks-core-min.js + suggest-min.js

自定义事件简明说明:

beforeStart    // 监控计时器开始前触发,可以用来做条件触发
itemSelect     // 选中某项时触发,可以用来添加监控埋点等参数
beforeSubmit  // 表单提交前触发,可以用来取消提交或添加特定参数
beforeDataRequest  // 请求数据前触发,可以用来动态修改请求 url 和参数
dataReturn     // 获得返回数据时触发,可以用来动态修正数据
updateFooter  // 更新底部内容时触发,可以用来动态添加自定义内容
beforeShow    // 显示提示层前触发,可以用来动态修改提示层数据

本文出自 传播、沟通、分享,转载时请注明出处及相应链接。

本文永久链接: https://www.nickdd.cn/?p=938

发表评论

您的电子邮箱地址不会被公开。

Ɣ回顶部