Word 鼠标选中显示，不选中隐藏内容 - JavaScript 实现

<div id='myDiv'>这是要显示和隐藏的内容</div>
<script>
var myDiv = document.getElementById('myDiv');

myDiv.style.display = 'none'; // 初始状态下隐藏元素

myDiv.addEventListener('mouseover', function() {
  myDiv.style.display = 'block'; // 鼠标选中时显示元素
});

myDiv.addEventListener('mouseout', function() {
  myDiv.style.display = 'none'; // 鼠标取消选中时隐藏元素
});
</script>
<p>本示例展示了如何使用 JavaScript 监听鼠标的选中和取消选中事件，从而控制元素的显示和隐藏。您可以根据需要修改显示和隐藏的样式，例如使用 'block' 和 'none' 来分别显示和隐藏元素。</p>