提示补全组件 KISSY Suggest 1.1 更新

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

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

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

下载:kissy-min.js + suggest-pkg-min.js

自定义事件简明说明:

beforeStart    // 监控计时器开始前触发,可以用来做条件触发

itemSelect     // 选中某项时触发,可以用来添加监控埋点等参数

beforeSubmit  // 表单提交前触发,可以用来取消提交或添加特定参数

beforeDataRequest  // 请求数据前触发,可以用来动态修改请求 url 和参数

dataReturn     // 获得返回数据时触发,可以用来动态修正数据

updateFooter  // 更新底部内容时触发,可以用来动态添加自定义内容

beforeShow    // 显示提示层前触发,可以用来动态修改提示层数据

你可能感兴趣的:(suggest)