小编use*_*462的帖子

如何使除一种元素之外的整个身体变暗div .search-bar。就我而言，它仅在单击时变暗，之后不执行任何操作！

但我的目标是专注于点击，如果点击到任何其他黑暗区域

输出应该是这样的 ->\n

<div class="search-bar">\n    <input type="text" class="search-btn" placeholder="\xd0\x9f\xd0\xbe\xd0\xb8\xd1\x81\xd0\xba \xd0\xbf\xd0\xbe \xd0\xba\xd0\xbb\xd1\x8e\xd1\x87\xd0\xb5\xd0\xb2\xd1\x8b\xd0\xbc \xd1\x81\xd0\xbb\xd0\xbe\xd0\xb2\xd0\xb0\xd0\xbc">\n</div>\n

并且->

$(function () {\n\n    darkenColor();\n\n});\n\nvar darkenColor = function ($color) {\n\n    var $color = $(\'.search-bar\');\n\n    $color.click(function () {\n\n\n        $(function () {\n            var docHeight = $(document).height();\n            $(\'body\').append("<div id=\'overlay\'></div>");\n            $(\'#overlay\')\n                .height(docHeight)\n                .css({\n                    \'opacity\': 0.4,\n                    \'position\': \'absolute\',\n                    \'top\': 0,\n                    \'left\': 0,\n                    \'background-color\': \'black\',\n                    \'width\': \'100%\',\n                    \'z-index\': 5000\n                });\n            });\n            $(this).css({\n                \'background\' : \'#fff\',\n                \'position\' : \'relative\',\n                \'z-index\' : 5700,\n            });\n\n\n    });\n\n\n}\n