Форум

nikto93i7 · #1 (**permalink**) 05.08.2015, 11:09

Добрый день всем форумчанам!))

помогите разобраться с таким вопросом, не могу на него найти ответа..
есть функция с событием .onmousemove

var dailyRange = document.getElementById("range1");
dailyRange.onmousemove = function () {
    document.getElementById("range1_up").value = dailyRange.value;
};

Как навесить еще одно событие .onkeyup ?
Буде благодарен за помощь

EmperioAf · #2 (**permalink**) 05.08.2015, 12:17

можно так:

<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>ГГ</title>

<style>
*{
    margin:0;
    padding:0;
    outline: 0;
}

.container {
    margin: 50px;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}

.block {
    margin: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid red;
}
</style>
</head>
<body>
    <div class="container">
        <div class="block" contenteditable></div>
    </div>
    <script>
    var container = document.getElementsByClassName('container')[0];
    var block = document.getElementsByClassName('block')[0];
        container.onmousemove = function(){
            block.style.backgroundColor = 'yellow';
            container.onkeyup = function(){
                block.style.backgroundColor = 'blue';
            }
        }
        
    </script>
</body>
</html>

а можно и так:

<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>ГГ</title>
 <style>
*{
    margin:0;
    padding:0;
    outline: 0;
}

.container {
    margin: 50px;
    width: 100px;
    height: 100px;
    border: 1px solid red;
}

.block {
    margin: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid red;
}
</style>
</head>
<body>
    <div class="container">
        <div class="block" contenteditable></div>
    </div>
    <script>
    var container = document.getElementsByClassName('container')[0];
    var block = document.getElementsByClassName('block')[0];
        container.onmousemove = function(){
            block.style.backgroundColor = 'yellow';
        }
        
        container.onkeyup = function(){
                block.style.backgroundColor = 'blue';
        }
    </script>
</body>
</html>

nikto93i7 · #3 (**permalink**) 05.08.2015, 12:26

Спасибо за помощь!!)))

Форум

Справочник

Discord чат

Курсы javascript