2015-03-03 84 views
0

我想讓所有onclick =「location.href ='some_url'」的光標指針懸停。 「some_url」會因事件而異。有沒有辦法讓頁面中所有onclick事件的光標指針?

注:我不想添加ID或類。或DIV:懸停{光標:指針}

我想是這樣的onclick(」「){光標:指針}

,並應申請項目添加的所有的onclick事件。即使jquery對我來說也不錯。

謝謝, Tharun。

+2

在CSS中使用':hover'修飾符。 – Barmar 2015-03-03 04:18:04

+0

並且在html元素中使用onclick並不是一個好習慣。使用jQuery的.click或.on('click',...或addEventListener在JS – 2015-03-03 04:37:04

+0

感謝您的回覆。但這不是我想要的,我不想添加額外的類或ID,因爲我有100個onclick事件在一個項目中有一個頁面和很多,我必須將它添加到css中,這樣對我來說很簡單 – 2015-03-03 08:51:47

回答

0

就像說的,把:hover修飾符在CSS中。像這樣:

#click_me:hover{ 
    cursor : pointer 
} 

or 

.click_me:hover{ 
    cursor : pointer 
} 

CSS選擇器取決於您的元素。

+0

':hover'之前不應該有空格 – Barmar 2015-03-03 04:34:04

+0

@Barmar謝謝你 – 2015-03-03 04:39:41

+0

謝謝,但我這不是我想要的,我不想添加額外的類或id,因爲我在一個頁面上有100個onclick evnt,而在一個項目中有很多evc。我必須將它添加到css中,以便它很容易 – 2015-03-03 08:52:17

1

的Html

<div>This is a Div</div> 

的CSS

div:hover { 
    color: #FF00FF; 
    cursor:pointer; 
} 
+0

我不想爲大內容div使用「a」標籤,反正謝謝 – 2015-03-03 08:53:12

+0

查看我更新的代碼@TharunKumar – 2015-03-03 09:02:17

+0

如果有100個div與onclick事件和100沒有onclick事件,那麼怎麼樣? – 2015-03-03 11:12:23

0
<p><b><a href="javascript:;" id="link" target="_blank">This is a link</a></b></p> 

// jQuery中

$(document).ready(function(){ 

$('#link').css('cursor', 'pointer'); 

or 

$('#link').css('cursor', 'hand'); 
}); 

//在CSS

#link:hover {  
    cursor:pointer; 
} 
+0

感謝您的回覆。但是,這不是我想要的,我不想添加額外的類或ID,因爲我在一個頁面上有100個onclick,而在一個項目中有很多。我必須在css中添加它,這對我來說很簡單。 – 2015-03-03 08:54:40

0

這就是答案。這會將所有的onClick事件光標都變爲指針。 你可以使用CSS或jQuery來實現這一點。下面是兩種類型:

如果你想添加在CSS。

[onClick] { 
    cursor:pointer; 
} 

如果你想添加jQuery。

$("[onClick]").css('cursor', 'pointer');

謝謝,Tharun。

相關問題