event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标

通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化

event.preventDefault() 方法：阻止默认行为

这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了

event.stopPropagation() 方法：阻止事件冒泡

事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数

event.which：获取在鼠标单击时，单击的是鼠标的哪个键

event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3

event.currentTarget : 在事件冒泡过程中的当前DOM元素

冒泡前的当前触发事件的DOM对象, 等同于this.

this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

.this和event.target都是dom对象

如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；

<div class="left">

        <div class="aaron">

            <ul>

                <li>点击：触发一</li>

                <li>点击：触发二</li>

                <li>点击：触发三</li>

                <li>点击：触发四</li>

            </ul>

        </div>

    </div>

    <script type="text/javascript">

        //多事件绑定一

        $("ul").on('click',function(e){

           alert('触发的元素是内容是: ' + e.target.textContent)

        })

    </script>

<h4>测试一</h4>

    <div class="left">

        on('mousedown mouseup')

        <div class="aaron">点击触发</div>

    </div>

    <button>点击删除mousedown事件</button>

    <script type="text/javascript">

    var n  = 0;

    //绑定事件

    $(".aaron:first").on('mousedown mouseup', function(e) {

        $(this).text( '触发类型:' +  (e.type) + ",次数" + ++n)

        ++n;

    })

    //删除事件

    $("button:first").click(function() {

        $(".aaron:first").off('mousedown')

    })

    </script>

    <h4>测试一</h4>

    <div class="left">

        on('mousedown mouseup')

        <div class="aaron">点击触发</div>

    </div>

    <button>点击销毁所有事件off</button>

    <script type="text/javascript">

    var n  = 0;

    //绑定事件

    $(".aaron:last").on('mousedown mouseup', function(e) {

        $(this).text( '触发类型:' +  (e.type) + ",次数" + ++n)

        ++n;

    })

    //删除事件

    $("button:last").click(function() {

        $(".aaron:last").off()

    })

    </script>

<div class="left">

        <div class="aaron">

            <a>点击这里</a>

        </div>

    </div>

    <script type="text/javascript">

    //给body绑定一个click事件

    //没有直接a元素绑定点击事件

    //通过委托机制，点击a元素的时候，事件触发

    $('body').on('click', 'a', function(e) {

       alert(e.target.textContent)

    })

    </script>

<script type="text/javascript">

    //多事件绑定一

    $("#test2").on('mousedown mouseup', function(e) {

        $(this).text('触发事件：' + e.type)

    })

    </script>

    <h4>测试三</h4>

    <div class="right">

        点击触发：on(mousedown:fn1,mouseup:fn2)

        <div id="test3"></div>

    </div>

    <script type="text/javascript">

    //多事件绑定二

    $("#test3").on({

        mousedown: function(e) {

            $(this).text('触发事件：' + e.type)

        },

        mouseup: function(e) {

            $(this).text('触发事件：' + e.type)

        }

    })

    </script>

//监听textarea元素中value的选中

    $('textarea').select(function(e) {

        alert(e.target.value);

    });

event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标

通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化

event.preventDefault() 方法：阻止默认行为

这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了

event.stopPropagation() 方法：阻止事件冒泡

事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数

event.which：获取在鼠标单击时，单击的是鼠标的哪个键

event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3

event.currentTarget : 在事件冒泡过程中的当前DOM元素

冒泡前的当前触发事件的DOM对象, 等同于this.

this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

.this和event.target都是dom对象

如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；

.on绑定事件 $("elem").off() 销毁事件

KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。

keydown是在键盘按下就会触发

keyup是在键盘松手就会触发

理论上它可以绑定到任何元素，但keydown/keyup事件只是发送到具有焦点的元素上，不同的浏览器中，可获得焦点的元素略有不同，但是表单元素总是能获取焦点，所以对于此事件类型表单元素是最合适的。

select 选中事件

change事件 监听改变

input元素

监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。

select元素

对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发

textarea元素

多行文本输入框，当有改变时，失去焦点后触发change事件

div是input的父元素，当它包含的元素input触发了focus事件时，它就产生了focusin()事件。

focus()在元素本身产生，focusin()在元素包含的元素中产生

blur与focusout也亦是如此

focusout 失去焦点 事件

方法一：$ele.focusin()

绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的比较少

<div id="test">点击触发<div>
$("ele").focusin(function(){
   alert('触发指定事件')
})
$("#test").mouseup(function(){     $("ele").focusin()  //指定触发事件 });

方法二：$ele.focusin( handler )

绑定$ele元素，每次$ele元素触发点击操作会执行回调 handler函数

这样可以针对事件的反馈做很多操作了

<div id="test">点击触发<div>
$("#test").focusin(function() {
   //this指向 div元素
});

方法三：$ele.focusin( [eventData ], handler )

使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题

<div id="test">点击触发<div>
$("#test").focusin(11111,function(e) {
   //this指向 div元素
   //e.data  => 11111 传递数据
});