2015-03-03 2 views
0

Я хочу, чтобы все onclick = "location.href = 'some_url'" имели указатель курсора при наведении указателя мыши. «some_url» будет отличаться от события к событию.Есть ли способ сделать указатель курсора для всех событий onclick на странице?

Примечание: я не хочу добавлять идентификаторы или классы. или ДИВ: парить {курсор: указатель}

Я хочу что-то вроде OnClick [»«] {курсор: указатель}

и она должна применяться для всех OnClick событий, добавленных в проект. Даже jquery подходит для меня.

Thanks, Tharun.

+2

Используйте модификатор ': hover' в CSS. – Barmar

+0

И наличие onclick в html-элементах не является хорошей практикой. Используйте jQuery .click или .on ('click', ... или addEventListener в JS –

+0

Спасибо за ответ. Но это не то, что я хотел, я не хочу добавлять дополнительный класс или идентификатор, потому что у меня есть 100 событий onclick в одна страница и многие в проекте. Мне нужно добавить его в css, чтобы мне было легко. –

ответ

0

Как сказано, положите :hover модификатор в css. Пример:

#click_me:hover{ 
    cursor : pointer 
} 

or 

.click_me:hover{ 
    cursor : pointer 
} 

Селектор CSS зависит от ваших элементов.

+0

Не должно быть пробела перед ': hover'. – Barmar

+0

@Barmar спасибо за это –

+0

Спасибо, но я это уже не так. Я не хочу добавлять дополнительный класс или идентификатор, потому что у меня есть 100 onclick evnts на одной странице и многие в проекте. me –

1

Html

<div>This is a Div</div> 

Css

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

Я не хочу использовать тег «a» для большого контента div, так или иначе спасибо. –

+0

проверить мой обновленный код @TharunKumar –

+0

Если есть 100 div с событием onclick и 100 без события onclick, то как? –

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

Спасибо за ответ.Но это не то, что я хотел, я не хочу добавлять дополнительный класс или идентификатор, потому что у меня есть 100 onclick на одной странице и многие в проекте. Я должен добавить его в css, чтобы это было легко для меня. –

0

Это ответ. Это превратит ваш курсор событий onClick в указатель. Вы можете использовать css или jQuery для достижения этого. Ниже представлены два типа:

Если вы хотите добавить css.

[onClick] { 
    cursor:pointer; 
} 

Если вы хотите добавить jQuery.

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

Спасибо, Tharun.

Смежные вопросы