回车联动方法-xmsEnterTrigger

概总

该方法的存在,是为了用户的一个操作习惯,我们长用的一个操作就是搜索信息,当在一个输入框输入信息之后,就直接“回车”进行搜索,而搜索的动作,一般都会有一个按钮来实现的,而把一个回调放到多个点击事件中,对于可扩展性,等都是不好的效果,所以这里采用了“观察者模式”,用于去触发一个类型的事件,所以,有兴趣,请继续看下去吧。

xmsEnterTrigger方法使用说明

  1. 基本介绍

    函数命名:xmsEnterTrigger

    函数调用:xmsCore.xmsEnterTrigger(options);

    库方法调用:obj.xmsEnterTrigger(options);obj为jQuery或者Zepto对象

    参数:options介绍

  2. xmsLoadHtml传入参数介绍

    参数名 默认值 相关说明
    obj(必须) $对象 input标签,当该input标签在focus状态时,按下回车键时,会触发该方法。
    src $对象 当obj符合一定条件时,会触发该对象的type类型的事件
    type “click” 触发src对象的事件名,默认时间为”click”事件
    ctrl false 如果设置为true,那么表示在按下ctrl键,并回车时,才会触发。
    alt false 如果设置为true,那么表示在按下alt键,并回车时,才会触发。
    shift false 如果设置为true,那么表示在按下shift键,并回车时,才会触发。

    可以根据需求,自行去匹配ctrl,alt,shift的设置。可以组合起作用的。

  3. 库方法调用

    假设objsrc都是存在的,那么当obj回车+shift时,触发srcclick事件,调用方法如下:

    					
    //对象方法调用
    xmsCore.xmsEnterTrigger({
        obj:obj,
    	src:src,
        type:"click",
        shift:true
    });
    
    //库方法调用
    obj.xmsEnterTrigger({
        src:src,
        type:"click",
        shift:true
    });
    					
    				

    示例:示例

    在该示例中,包含了几种基本的组合,其他更复杂的组合,请自行尝试。

致谢

感谢查看,如发现问题,请指教!

本文地址:http://www.zhangyunling.com/?p=487

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

回车联动方法-xmsEnterTrigger》有1个想法