JavaScript code to obtain onclick, onchange and other event values_jquery

When Xiaocai dealt with the cascading problem of drop-down menus today, he wanted to get the content of an event in the HTML tag, that is, the value, for example, from . Xiaocai wanted to use the information in the event to determine the next level menu, but this seemingly simple question made Xiaocai tangled up. If you know a little bit about JQuery, you may try to get it like this:

Copy the code The code is as follows: $(document).ready(function(){ var onchangeValue = $("#city").attr("onchange"); alert(onchangeValue); }); Under normal circumstances, this can indeed be obtained, because JQuery's universal attr method can obtain any "attribute" in the tag, even if it is an event, you can also directly obtain the content, here onchange is event. But in the actual development environment, Xiaocai cannot be obtained using this method, and all obtained are undefined. While struggling, I found another way to obtain it using pure JavaScript. The specific code is as follows: Copy code The code is as follows: $(document). ready(function(){ var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue; alert(onchangeValue); }); To put it simply, the getAttributeNode() method is mainly used here. It obtains the attribute node, ignoring the difference between attributes and events, similar to the processing of XML, and then uses nodeValue to obtain the node value of the attribute node. If you use the getAttribute() method, since onchange is an event, what you get is a function object and cannot be treated as a string. I hope this article can help children’s shoes in need.