範囲外をタップするとポップアップが閉じるようにしたい

###やりたいこと
範囲外をタップするとポップアップ（ツールチップ）が閉じるようにしたいです。当方、javascriptに詳しくないため、詳しく教えていただけますと幸いです。

CSS
1#sample5 li {
2	position: relative;
3}
4#sample5 li:hover {
5	background: #deb3ba;
6}
7.sample5-tooltips {
8	display: block;
9	position: absolute;
10	bottom: -2.8em;
11	left: 0.3em;
12	z-index: 9999;
13	width: auto;
14	height: auto;
15	padding: 0.3em 0.5em;
16	color: #FFFFFF;
17	background: #c72439;
18	border-radius: 0.5em;
19}
20.sample5-tooltips:after {
21	width: 100%;
22	content: "";
23	display: block;
24	position: absolute;
25	left: 0.5em;
26	top: -8px;
27	border-top:8px solid transparent;
28	border-left:8px solid #c72439;
29}

html
1<ul id="sample5">
2<li data-text="ツールチップ1">サンプル5のメニュー1</li>
3<li data-text="ツールチップ2">サンプル5のメニュー2</li>
4<li data-text="ツールチップ3">サンプル5のメニュー3</li>
5<li data-text="ツールチップ4">サンプル5のメニュー4</li>
6</ul>

javascript
1 var obj = document.getElementById("sample5").getElementsByTagName("li");
2  var length = obj.length;
3  for(var i = 0; i < length;i++) {
4	  obj.item(i).onmouseover = function () {
5		var element = document.createElement("div");
6		element.innerHTML = this.getAttribute('data-text');
7		element.className = "sample5-tooltips";
8		this.appendChild(element);
9	  }
10	  obj.item(i).onmouseout = function () {
11		this.removeChild(this.childNodes.item(this.childNodes.length - 1)); 
12	  }
13  }