返回鼠标悬停按钮的标题

Return title of button being hovered on

本文关键字：标题 按钮 悬停 鼠标 返回      更新时间：2023-09-26

我只需要一点javascript来返回用户悬停在上面的按钮元素的标题。我不想用getElementById(...)，因为我要做一个不涉及元素的函数，但它是ID。这可能吗?

您可以使用this来表示当前元素:

<input type="button" title="mytitle" onMouseOver='alert(this.title);'>

工作示例

Js

function showTitle(element){
  alert( element.getAttribute('title') );
}


<a href="#" title="I am the title" onmouseover="showTitle(this)">hover me</a>
演示

http://jsfiddle.net/gaby/WKqMq/

考虑以下HTML:

<input type="button" value="Button 1" />
<input type="button" value="Button 2" />
<input type="button" value="Button 3" />
<input type="button" value="Button 4" />
<input type="button" value="Button 5" />
<div id="txt"></div>

和你的JavaScript将工作在当前页面上的任何按钮

$("input[type=button]").bind("hover", function() {
    $("#txt").html($(this).val());
});

您也可以考虑查看LIVE Example

您还可以使用:

来捕获每个按钮
var buttons = document.getElementsByTagName("button");
for (var i=0; i < buttons.length; i++)
{ 
  buttons[i].onmouseover = function()
  {
    alert(this.title);
  }
}

示例:http://jsfiddle.net/2LP66/4/

当鼠标悬停在页面上的任何按钮上时，将提醒按钮的标题。

onmouseover函数只会在你将按钮悬停时运行，但当然你不必使用警告，你也可以将标题保存在一些更全局的范围内，并在你想使用标题

的地方使用这个
相关文章：