{"id":4701,"date":"2024-03-16T00:14:09","date_gmt":"2024-03-15T15:14:09","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=4701"},"modified":"2024-02-20T00:25:26","modified_gmt":"2024-02-19T15:25:26","slug":"post-4701","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/4701","title":{"rendered":"JavaScript \/ jQuery\u3067\u30d6\u30e9\u30a6\u30b6\u306e\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u304b\u3069\u3046\u304b\u3092\u5224\u5225\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"

\u3042\u308b\u52d5\u753b\u30b5\u30a4\u30c8\u3092\u95b2\u89a7\u3057\u3066\u3044\u305f\u969b\u306b\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u975e\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u308b\u3068\u8996\u8074\u4e2d\u306e\u52d5\u753b\u304c\u6b62\u307e\u308b\u3068\u3044\u3046\u6a5f\u80fd\u304c\u898b\u53d7\u3051\u3089\u308c\u305f\u3002\u52d5\u753b\u306e\u518d\u751f\u30fb\u505c\u6b62\u306f\u7f6e\u3044\u3066\u304a\u3044\u3066\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u304b\u3069\u3046\u304b\u3092\u5224\u5225\u3057\u3001\u305d\u308c\u305e\u308c\u5225\u306e\u52d5\u4f5c\u3092JavaScript \/ jQuery\u3067\u5b9f\u88c5\u3057\u3066\u307f\u305f\u3044\u3002\u4ee5\u4e0b\u306b\u5b9f\u88c5\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n

 <\/p>\n

\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n
<html lang=\"ja\">\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n<title>JavaScript \/ jQuery\u3067\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u304b\u3069\u3046\u304b\u30c1\u30a7\u30c3\u30af\u3059\u308b\u30c6\u30b9\u30c8\u30da\u30fc\u30b8<\/title>\r\n<\/head>\r\n\r\n    <div id=\"alert\"><\/div>\r\n\r\n<body>\r\n<script type=\"text\/javascript\" src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n\r\n\/\/JavaScript\r\n\/\/\u30a2\u30af\u30c6\u30a3\u30d6\u6642\r\nwindow.addEventListener('focus', active, false);\r\n\/\/\u975e\u30a2\u30af\u30c6\u30a3\u30d6\u6642\r\nwindow.addEventListener('blur', passive, false);\r\n\r\n\/\/jQuery\r\n\/\/\u30a2\u30af\u30c6\u30a3\u30d6\u6642\r\n$(window).on('focus', function(){\r\n    active();\r\n});\r\n\/\/\u975e\u30a2\u30af\u30c6\u30a3\u30d6\u6642\r\n$(window).on('blur', function(){\r\n    passive();\r\n});\r\n\r\n\r\n\/\/\u30a2\u30af\u30c6\u30a3\u30d6\u6642\u306b\u5b9f\u884c\u3059\u308b\u95a2\u6570\r\nfunction active(){\r\n    document.getElementById(`alert`).innerText = `active`;\r\n}\r\n\/\/\u975e\u30a2\u30af\u30c6\u30a3\u30d6\u6642\u306b\u5b9f\u884c\u3059\u308b\u95a2\u6570\r\nfunction passive(){\r\n    document.getElementById(`alert`).innerText = `passive`;\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u30a2\u30af\u30c6\u30a3\u30d6\u304b\u3069\u3046\u304b\u5224\u5225\u3057\u3001\u305d\u308c\u305e\u308c\u5225\u306e\u95a2\u6570\u3092\u30ea\u30af\u30a8\u30b9\u30c8\u3057\u3066#alert\u5185\u306e\u6587\u5b57\u3092\u5909\u66f4\u3059\u308b\u3068\u3044\u3046\u3082\u306e\u3002<\/p>\n
\u6ce8\u610f\u70b9<\/h3>\n
PC\u306efirefox\u304b\u3089\u898b\u305f\u969b\u306bJavaScript\u7248\u3060\u3068\u30da\u30fc\u30b8\u8868\u793a\u6642\u306bactive()\u304c\u5b9f\u884c\u3055\u308c\u305f\u304c\u3001jQuery\u7248\u306f\u5b9f\u884c\u3055\u308c\u306a\u304b\u3063\u305f\u3002jQuery\u7248\u3092\u4f7f\u3046\u5834\u5408\u306f\u3042\u3089\u304b\u3058\u3081active()\u3092\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u70b9\u306b\u6ce8\u610f\u3002<\/p>\n
 <\/p>\n
\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n
EventTarget: addEventListener(JavaScript)<\/h3>\n
https:\/\/developer.mozilla.org\/ja\/docs\/Web\/API\/EventTarget\/addEventListener<\/a><\/p>\n
focus event(jQuery)<\/h3>\n
https:\/\/api.jquery.com\/focus\/#on-<\/a><\/p>\n
blur event(jQuery)<\/h3>\n
https:\/\/api.jquery.com\/blur\/#on-<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u3042\u308b\u52d5\u753b\u30b5\u30a4\u30c8\u3092\u95b2\u89a7\u3057\u3066\u3044\u305f\u969b\u306b\u30a6\u30a3\u30f3\u30c9\u30a6\u304c\u975e\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u306a\u308b\u3068\u8996\u8074\u4e2d\u306e\u52d5\u753b\u304c\u6b62 ... <\/p>\n","protected":false},"author":1,"featured_media":1067,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-4701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/4701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=4701"}],"version-history":[{"count":3,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/4701\/revisions"}],"predecessor-version":[{"id":4703,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/4701\/revisions\/4703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1067"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=4701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=4701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=4701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}