美文网首页
5 js之event

5 js之event

作者: 一枝妖孽 | 来源:发表于2018-05-28 23:03 被阅读0次

1 给标签添加点击事件

需要先引入jquery
<script type="text/javascript" src="../js/jquery-1.4.2.js" ></script>

$().ready(function(){
    
    for (var i=0;i<4;i++) {
        /**
         * 设置点击事件
         * 
         * 专业写法,先解绑,再加一个
         * 
         * jquery的事件是可以叠加的
         * 
         */
        $("#aa").unbind("click");
        $("#aa").bind("click",function(){
            //alert("aa");
            /**
             * 事件的触发器
             * 把"点我"这个事件绑定到这里
             * 这就是自定义事件
             * 传递 事件名称 和 实参
             */
            // 触发事件 触发事件
            $(this).trigger("点我",['a参数','b参数']);
            
        });
    }
    
    /**
     * 1 声明事件,把该事件绑定在一个dom对象上
     *      绑定 “点我”,到  aa 上
     * 2 找一个事件的触发方式,触发事件
     *      
     * 3 传递参数
     *      a,b是形参
     */
    $("#aa").unbind("点我");
    $("#aa").bind("点我",function(event,a,b){
        alert("你点我了");
        alert(a);
        alert(b);
    })
    
});

相关文章

  • 5 js之event

    1 给标签添加点击事件 需要先引入jquery

  • js引擎的执行机制

    js引擎的执行机制 JS的Event Loop是JS的执行机制,理解JS的执行,必须理解Event Loop JS...

  • web3js 以太坊 监听合约事件event

    启动geth 启动console 部署合约 启动js 使用schedule持续的监听event event.js源...

  • vue 组件间传值

    一、创建js文件event.js 二、传值文件 引入event.js 文件 并使用 三、接受传值文件 引入even...

  • js获取按键兼容性详解

    js获取键盘按下的键值有:event.keyCode、event.charCode和event.which。 其中...

  • 2018-06-08 Event Loop

    1. node.js初始化 初始化event loop -> 执行server.js文件 -> 进入event l...

  • js阻止浏览器默认行为和事件冒泡

    js 阻止事件冒泡 window.event?window.event.cancelBubble =true: e...

  • js Event

    1:什么是event? 2:event的兼容写法: 3: 事件源的兼容 4: 获取鼠标在可视窗口的位置 5:获取...

  • 异步的那些事(一)

    单线程,event-loop,异步,promise,async await 这些名词在js中经常被提及。然而他们之...

  • Vue-EventBus心得

    Case 1: 1、新建event.js文件,初始化 2、在发送以及接收的组件中都引入此 event.js 3、发...

网友评论

      本文标题:5 js之event

      本文链接:https://www.haomeiwen.com/subject/cwbnjftx.html