zoukankan      html  css  js  c++  java
  • 使用jQuery中trigger()方法自动触发事件

    一、常用事件

    在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点

    $("input").trigger("click").focus();

    还有一种简写方式:

    $("input").click();

    还有其它事件就不一一列出了。

    二、自定义事件

    $("#btn").on("myClick",function(){
       alert("自定义事件");
    });
    
    $("#btn").trigger("myClick");

    三、传递参数

    trigger(tpye[,datea])方法有两个参数,第一个参数是要触发的事件类型,第二个单数是要传递给事件处理函数的附加数据,以数组形式传递。通常可以通过传递一个参数给回调函数来区别这次事件是代码触发的还是用户触发的。

    $("#btn").bind("myClick", function (event, message1, message2) { //获取数据
        $("#test").append("p" + message1 + message2 + "</p>");
    });
    $("#btn").trigger("myClick",["我的自定义","事件"]); //传递两个数据

    $(“#btn”).trigger(“myClick”,["我的自定义","事件"]); //传递两个数据

    四、执行默认操作

    triger()方法触发事件后,会执行浏览器默认操作。例如:

    $("input").trigger("focus");

    以上代码不仅会触发为input元素绑定的focus事件,也会使input元素本身得到焦点(浏览器默认操作)。

    如果只想触发绑定的focus事件,而不想执行浏览器默认操作,可以使用jQuery中另一个类似的方法-triggerHandler()方法。

    $("input").triggerHandler("focus");

    该方法会触发input元素上绑定的特定事件,同时取消浏览器对此事件的默认操作,即文本框指触发绑定的focus事件,不会得到焦点。

    教程参考地址:http://blog.csdn.net/lijunling2008live/article/details/7457396

  • 相关阅读:
    iOS小技巧总结,绝对有你想要的
    Myeclipse for Mac快捷键
    iOS开发如何学习前端
    iOS应用支持IPV6,就那点事儿
    App Store审核被拒的23个理由
    43个优秀的Swift开源项目
    ExtJs组件之间的相互访问,访问机制
    hibernate or连接查询内容/criteria动态或连接查询/disjunction/其他查询条件
    hibernate如何解除关系———只删除多方保留一方
    java如何操作视图
  • 原文地址:https://www.cnblogs.com/Mrrabbit/p/6999814.html
Copyright © 2011-2022 走看看