设置与鼠标悬停/悬停事件

问题描述：

我努力让自己在每一个mouseoverover事件都隐藏着#ID更新后的值隐藏元素的值设置与鼠标悬停/悬停事件

我来源：

#html 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')"></a></li> 

... 

<input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value=""> 

#code 
function set_mouseover(id) { 
    jQuery('#mouseover_cell_id').val(id); 
}

及以上没有按代码没有工作。任何想法为什么？为什么onmouseover甚至没有设定价值？

你在控制台上得到任何错误？你初始化jQuery的库？ – Butterfly

你包含'jQuery'吗？ – Rayon

查看此答案 - > http://stackoverflow.com/a/6579216/3682162 – Vikrant

答

检查您是否已经包括jQuery的库文件，你
检查是否添加了function set_mouseover(id)内<script>标签。

function set_mouseover(id) { 
 
    jQuery('#mouseover_cell_id').val(id); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')">1</a></li> 
 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')">2</a></li> 
 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')">3</a></li> 
 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')">4</a></li> 
 

 
<input type="text" name="mouseover_cell_id" id="mouseover_cell_id" value="">

不过，如果你有问题后控制台错误

答

试试这个

#html 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('1')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('2')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('3')"></a></li> 
<li><a href="javascript:void(0)" onmouseover="set_mouseover('4')"></a></li> 

... 

<input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value=""> 

#code 
function set_mouseover(id) { 
    document.getElementById('mouseover_cell_id').value=id; 
}

这将工作谢谢）：

为什么这项功能可用？你能详细说明吗？ – rene

你想知道详情或问题是什么？ –

我不明白你为什么用'document'替换'jQuery'。这看起来像你从原来的问题转移了很多。这些电话是什么？我不应该使用jQuery吗？它不好吗？你做得更好吗？如果是这样，那么/为什么？ – rene

答

我就肃ggest使用纯JavaScript，并且如果你不想让锚标签去任何地方，也许只是使用span标签。也可能是因为锚标签中没有任何东西，它们没有宽度或高度，因此不能被悬停。

代码：

<style type="text/css"> 
    li > span { 
     width: 50px; 
     Height: 50px; 
    } 
</style> 
<script type="text/javascript"> 
    function set_mouseover(id) { 
     document.getElementById("mouseover_cell_id").value = id; 
    } 
</script> 
<li><span onmouseover="set_mouseover(1);"></span></li>

希望这有助于。

设置与鼠标悬停/悬停事件

相关推荐