Javascript-在onClick函數中發送點擊的對象作爲參數

Question

在函數clickCircle中，我想使用被點擊的li。所以我想收到它作爲參數。

<li class="circle" onClick='clickCircle(this)'></li> 

但是，我應該作爲一個實際的參數發送？即代替'this'。

Answer 1

試試這個

<li class="circle"></li> 

$('.circle').on('click', function(event) { 
    event.target // your element 
}); 

Answer 2

你應該只使用第一個參數作爲元素。

HTML

<li class="circle" onClick='clickCircle(this)'></li> 

JS

clickCircle=function(element) 
{ 
console.log(element) 
console.log(element.tagName) // This will show LI 
} 

的jsfiddle：http://jsfiddle.net/edi9999/WhVLm/

Answer 3

您可以使用this：

function clickCircle(obj) // the li element clicked in the current scope 
{ 
    var element = obj; // This is the DOM object being clicked 
    var $this = $(obj); // This is the jQuery object being clicked 

    // Use DOM object like 
    element.style.color="#ff0000"; 

    // Use jQuery object like 
    $this.css('color', 'red'); 
} 

Answer 4

你可以做到這一點jquery的是這樣的：

$(function() { 
    $('li.circle').on('click', function() { 
    clickCircle($(this)); 
    }); 
}); 

var clickCircle = function (param) { 
    // your code here 
    // param.css('color', 'red').html(); 
}; 

或者與原始的javascript：

HTML

<li id="circle" class="circle"></li> 

JAVASCRIPT

var circle = document.getElementById('circle'); 

circle.addEventListener('click', function (e) { 
    clickCircle(e.target); 
}); 

var clickCircle = function (param) { 
    // your code here 
    // alert(param.nodeName.toLowerCase()); 
}