如何使用事件获取类型名称?

时间:2014-02-07 04:45:20

标签: jquery

你能告诉我如何从事件中获取类型名称。 这意味着当用户点击按钮时它显示“按钮”。如果它点击它显示“div”或输入字段“

这是我的代码

http://jsfiddle.net/W3xLT/

<button>test</button>
<div>test</div>
<input type="test">

$(document).ready(function(){

    $(document).click(function(e){
        alert(e.target..attr())

    });    

});

3 个答案:

答案 0 :(得分:3)

您可以使用目标的tagName来获取元素类型

$(document).ready(function(){
    $(document).click(function(e){
        alert(e.target.tagName);  
    });    
});

演示:Fiddle

注意:由于您将处理程序绑定到文档对象,因此无需在dom ready处理程序中完成

答案 1 :(得分:1)

您可以使用tagName

<强> Live Demo

$(document).ready(function(){        
    $(document).click(function(e){
        alert(e.target.tagName);            
    });    
});

如果tagName是INPUT

,您可以使用tagName获取类型

<强> Live Demo

$(document).ready(function(){    
    $(document).click(function(e){        
        if(e.target.tagName != 'INPUT')
             alert(e.target.tagName);        
        else
            alert(e.target.type);        
    });        
});

答案 2 :(得分:0)

试试这个,

Jsfiddle

$(document).ready(function(){

    $(document).click(function(e){
        alert(e.target.localName)

    });    

});