{"id":1742,"date":"2022-07-21T08:25:34","date_gmt":"2022-07-21T08:25:34","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?p=1742"},"modified":"2022-07-21T08:25:36","modified_gmt":"2022-07-21T08:25:36","slug":"onmouseup-event-in-javascript","status":"publish","type":"post","link":"https:\/\/gyanipandit.com\/programming\/onmouseup-event-in-javascript\/","title":{"rendered":"Onmouseup Event in Javascript"},"content":{"rendered":"<p style=\"text-align: center;\"><strong>Onmouseup Event in Javascript<\/strong><\/p>\n<p>As the name of the event says, the mouseup event refers to the situation, when the mouse click is released from the element. We are going to use the onmouseup attribute, for the mouseup event. Now, we are going to have a look at an example, through which, we can understand the event better.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1735 size-full\" src=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/06\/Handling-the-mouseup-event-onmouseup-attribute.jpg\" alt=\"\" width=\"1060\" height=\"378\" srcset=\"https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/06\/Handling-the-mouseup-event-onmouseup-attribute.jpg 1060w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/06\/Handling-the-mouseup-event-onmouseup-attribute-300x107.jpg 300w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/06\/Handling-the-mouseup-event-onmouseup-attribute-1024x365.jpg 1024w, https:\/\/gyanipandit.com\/programming\/wp-content\/uploads\/2022\/06\/Handling-the-mouseup-event-onmouseup-attribute-768x274.jpg 768w\" sizes=\"auto, (max-width: 1060px) 100vw, 1060px\" \/><\/p>\n<p>As you can see, in the above code, we have a div element, which has some height, some width, and some background color as well. Also, we are using the attribute onmouseup, and when the mouseup event triggers, there is a function mouseup, which is going to execute. This is a pretty easy and straightforward thing.<\/p>\n<p>You can try clicking on the element, and then release the click, and you can find that the event has triggered.<\/p>\n<p>So, this was about some different events for the different elements on the web page. You can try these events for practice, and use them as per the requirement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Onmouseup Event in Javascript As the name of the event says, the mouseup event refers to the situation, when the mouse click is released from the element. We are going to use the onmouseup attribute, for the mouseup event. Now, we are going to have a look at an example, through which, we can understand [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[14,15],"class_list":{"0":"post-1742","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript-tutorial","7":"tag-javascript","8":"tag-javascript-tutorial"},"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/1742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=1742"}],"version-history":[{"count":2,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/1742\/revisions"}],"predecessor-version":[{"id":2423,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/posts\/1742\/revisions\/2423"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=1742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/categories?post=1742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/tags?post=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}