Question

HTML

     var table = from t in dbContext.ImageAds where t.Id == i select t;
                    img.image = table.Single().image;

                    pictureBox1.Image = ByteArrayToImage(img.image.ToArray());
                    pictureBox1.Refresh();
                    await Task.Delay(1000);

CSS

<div class="div1">
    <ul class="dropdown">
       <li>example</li>
    </ul>
<div>

我试图在没有jquery的情况下使用焦点在css中创建click事件，当我点击div1时我需要它，它将隐藏下拉列表ul。

有没有办法做到这一点？

Answer 1

你不能用＆＃34;焦点＆＃34;来做，但你可以用＆＃34; active＆＃34;来做到这一点。大多数浏览器都接受Active，因为＆＃34; click＆＃34;事件（即，当您单击它处于活动状态的元素时）。检查下面的代码。我刚刚使用Chrome测试，它可以按照您的意图运行。还使用Internet Explorer进行了测试;它＆＃34;排序＆＃34;也适用于此（第二个选择器专门用于IE）。

希望这会帮助你。祝你好运！

＆＃13;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>Title Goes Here</title>
<style>
	body {background-color:lightgray}
	h1   {color:blue}
	p    {color:green}
	.div1 {
		border: 1px solid green;
	}
	.div1:active .dropdown {
		display: none;
	}
	.dropdown:active {
		display: none;
	}
</style>
</head>
<body>
<p>This is my web page</p>
<div class="div1">
	test
    <ul class="dropdown">
       <li>example</li>
    </ul>
<div>
</body>
</html>

＆＃13;

Answer 2

如何使用javascript

<div id="div1">
    <ul class="dropdown" id="ul1">
       <li>example</li>
    </ul>
<div>

<style>
.hidden {
    visibility: hidden;
}
</style>

<script>
document.getElementById('div1').onclick=function(){
   var element = document.getElementById("ul1");
    element.classList.add("hidden"); 
};
</script>

JSFiddle：http://jsfiddle.net/4Ls0ygp3/

Div焦点使用css

2 个答案: