[转载]提示补全组件 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    // 显示提示层前触发,可以用来动态修改提示层数据

转载于:https://www.cnblogs.com/scgw/archive/2010/10/10/1847335.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值