Javascript onClick and mouseOver function

-3

Я хочу использовать onclick и mouseover на своем сайте, но когда я попробовал onclick, это не сработает. Я хочу изменить цвет фона моего текста при щелчке, но он мгновенно изменится на его предыдущий цвет.Javascript onClick and mouseOver function

Вот мой HTML:

<a id="a" class="a" href="bereka.html" onclick="myFunction()">HOME &nbsp;</a>

Вот мой CSS класс для a:

.a 
    { 
     font-size:20px; 
     color:#FFF; 
     text-align:center; 
     text-decoration:blink; 
     padding-right:20px; 
    }

А ниже мой сценарий с ida

function myFunction() { 
    document.getElementById("a").style.backgoundcolor = "#000"; 
}

источник

2015-03-13 user3266023

'backgoundcolor' опечатка. – Andy

, потому что это ссылка и вы удаляетесь – epascarello

Возможный дубликат [предотвратить событие по умолчанию в onclick] (http://stackoverflow.com/questions/7056669/prevent-default-event-in-onclick) – roo2

JavaScript является регистру и вы также сделали опечатку. backgoundcolor должен быть backgroundColor (капитал C в Color и r в background).

источник

2015-03-13 13:45:55

Это должно быть ' backgroundColor' :) – Andy

Ах, так и должно! –

все еще не работает – user3266023

У вас есть ссылка на страницу, вы щелкаете по ней, и страница перемещается. Цвет ссылки не будет применен при загрузке следующей страницы.

Чтобы связать ссылку с текущей страницей, вам нужно добавить класс к элементу, чтобы вы могли по-разному стилизовать его.

источник

2015-03-13 13:49:25 epascarello

что мне делать – user3266023

Вам нужно либо вручную обновить html страницы, чтобы иметь класс для активной ссылки или напишите какой-нибудь JavaScript, чтобы узнать ссылку, соответствующую странице. – epascarello

http://stackoverflow.com/questions/2397370/how-to-change-the-link-color-of-the-current-page-with-css – epascarello

Элемент, с которым вы связали событие click, является ссылкой, по умолчанию ссылка будет перемещаться по URL-адресу, указанному в его атрибуте href, или при отсутствии этого вызвать обновление страницы.

Если вы хотите, чтобы предотвратить действие по умолчанию, таким образом, выполняя только вашу функцию, вы должны установить preventDefault на объекте события истина, как это:

function myFunction(event) { 
    document.getElementById("a").style.backgoundcolor = "#000"; 
    event.preventDefault = true; 
}

источник

2015-03-13 13:55:02 Crwydryn

Ваш код немного неправильно. Типо и функция. Попробуйте следующее:

function myFunction(e) { 
    document.getElementById("a").style.backgroundcolor = "#000"; 
    e.preventDefault = true; 
    return false; 
}

источник

2015-03-13 13:59:39

Первый неверный номер телефона. Также удалите onclick из html, и я полагаю, вы используете jquery, потому что вы добавили тег jquery, поэтому используйте код ниже, а не onclick.

$(document).ready(function(){ 
    $('#yourLink').on('click', function(e){ 
     //your code 
     document.getElementById("a").style.backgroundcolor = "#000"; 
     e.preventDefault = true; 
     return false; 
    }); 
});

Это должно сработать. надеюсь, что это поможет!

источник

2015-03-13 14:13:00 gon250

Вы можете использовать CSS для обработки mouseOver и посещенных ссылок, что, как правило, более чистое, чем использование javascript. a:visited позволяет изменять стиль посещенных ссылок, а a:hover изменяет стиль ссылок при наведении на них. Вот несколько ссылок для справки:

http://www.w3schools.com/cssref/sel_hover.asp http://www.w3schools.com/cssref/sel_visited.asp

источник

2015-08-23 21:38:53 reidm

Javascript onClick and mouseOver function

ответ

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