jquery slowly gnawing event object (11)

Source: Internet
Author: User

1.event.currenttarget//the current DOM element in the event bubbling phase

$ ("P"). Click (Function (event) {    alert (event.currenttarget = = = this);//True  });  


2.event.data//the currently executing processor is bound, contains optional data to be passed to JQuery.fn.bind.

$ ("a"). each (function (i) {    $ (the). bind (' click ', {index:i}, function (e) {       alert (' My index is ' + E.data.index); c5/>});  

3.event.delegatetarget//when Currently-called's jquery event handler attaches an element.

$ (". Box"). On ("Click", "button", function (event) {
$ (event.delegatetarget). CSS ("Background-color", "Red");
Binds the Click event to all span elements in an element with ID elements
$("#element").On( "Click", "Span", function(Event){
Event.delegatetarget is the DOM element with ID element
This is the span element for the current triggering event
Alert(Event.Delegatetarget=== This); False
} );


Binds the Click event to all span elements in an element with ID elements
$("#element span"bind ( "click" , function (event
    //Event.delegatetarget is the span element of the current triggering event     //this is the span element of the current triggering event
    Alert ( Event. Delegatetarget === this //true
}

4.event.isdefaultprevented ()//Returns a Boolean value based on whether the Event.preventdefault () method is called in the event object

$ ("a"). Click (Function (event) {    alert (event.isdefaultprevented ());//False    Event.preventdefault ();    Alert (event.isdefaultprevented ()); True  });  

5.event.isimmediatepropagationstopped ()//Returns a Boolean value based on whether the Event.stopimmediatepropagation () method is called in the event object.

   function immediatepropstopped (e) {    var msg = "";    if (e.isimmediatepropagationstopped ()) {      msg =  "called";    } else {      msg = "not called";    }    $ ("#stop-log"). Append ("<div>" + msg + "</div>");   }    $ ("button"). Click (Function (event) {    immediatepropstopped (event);    Event.stopimmediatepropagation ();    Immediatepropstopped (event);  });

6.event.ispropagationstopped ()//Returns a Boolean value based on whether the Event.stoppropagation () method is called in the event object.

    function propstopped (e) {    var msg = "";    if (e.ispropagationstopped ()) {      msg =  "called";    } else {      msg = "not called";    }    $ ("#stop-log"). Append ("<div>" + msg + "</div>");  }    $ ("button"). Click (Function (event) {    propstopped (event);    Event.stoppropagation ();    Propstopped (event);  });

7.event.namespace//This property contains the specified namespace when an event is triggered.

  $ ("P"). Bind ("Test.something", function (event) {    alert (event.namespace);  });  $ ("button"). Click (Function (event) {    $ ("P"). Trigger ("test.something");  });

8.event.pagex//the position of the mouse relative to the left edge of the document.

event.pagex//the position of the mouse relative to the left edge of the document.

   $ (document). Bind (' MouseMove ', function (e) {       $ ("#log"). Text ("E.pagex:" + E.pagex + ", E.pagey:" + e.pagey);   });

9.event.preventdefault ()//prevents triggering of default event behavior.

            $ ("a"). Click (Function (event) {               event.preventdefault ();               $ (' <div/> '). Append (' default ' + Event.type + ' prevented '). AppendTo (' #log ');             });

10.event.relatedtarget//any other DOM elements involved in the event

For the Mouseout event, it points to the element being entered; for the Mousein event, it points to the element being left.

$ ("a"). Mouseout (function (event) {    alert (event.relatedTarget.nodeName);//"DIV"  

11.event.result//This property contains the return value of the handler function that was last triggered by the current event event, unless the value is undefined.

      $ ("button"). Click (Function (event) {    return "Hey";  });       $ ("button"). Click (Function (event) {           $ ("P"). html (event.result);       });

12.event.stopimmediatepropagation ()//prevents the remaining event handlers from being executed and prevents events from bubbling onto the DOM tree.

  $ ("P"). Click (Function (event) {    event.stopimmediatepropagation ();  });  $ ("P"). Click (Function (event) {    //This function won ' t is executed    $ (this). CSS ("Background-color", "#f00");  });    $ ("div"). Click (Function (event) {    //This function is executed      $ (this). CSS ("Background-color", "#f00 ");  });


13.event.stoppropagation ()//prevents events from bubbling to the DOM tree, that is, event handlers on any predecessor elements that are not triggered.

$ ("P"). Click (Function (event) {    event.stoppropagation ();    Do something  });  

14.event.target//the DOM element that initially triggered the event.

function Handler (event) {    var $target = $ (event.target);    if ($target. is ("Li")) {      $target. Children (). Toggle ();    }  }  $ ("ul"). Click (Handler). FIND ("ul"). Hide ();

15.event.timestamp//This property returns the number of milliseconds from January 1, 1970 when the event was triggered.

var last, diff;  $ (' div '). Click (Function (event) {    if (last) {      diff = event.timestamp-last;      $ (' div '). Append (' time since last event: ' + diff + ' <br/> ');    } else {      $ (' div '). Append (' Click again.<br/> ');    }    last = Event.timestamp;  });

16.event.type//Event Type

$ ("a"). Click (Function (event) {    alert (event.type);//"Click"  

17.event.which//for keyboard and mouse events, this generic performance determines which key or button you are pressing.

      <script>        $ (' #whichkey '). Bind (' KeyDown ', function (e) {        $ (' #log '). HTML (e.type + ': ' +  E.which);  } );      </script>

jquery slowly gnawing event object (11)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.