html 在没有jquery的情况下在javascript中处理事件的方法。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 在没有jquery的情况下在javascript中处理事件的方法。相关的知识，希望对你有一定的参考价值。


<!DOCTYPE html> 
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>Multi-page template</title> 
</head> 

	
<body> 

<h2 id="display-val">This is a header.</h2>

<input type="range" name="slider" id="sliderWeight" value="60" min="0" max="100">

<script>
// event name is user, not with 'on'.
    document.getElementById('sliderWeight').addEventListener("change", function(){
        document.getElementById('display-val').innerHTML = 'The value is ' + document.getElementById('sliderWeight').value;
    })
    
    document.getElementById('sliderWeight').onclick = function(e) {
        console.log(e);
    }
</script>

</body>
</html>

以上是关于html 在没有jquery的情况下在javascript中处理事件的方法。的主要内容，如果未能解决你的问题，请参考以下文章

有没有办法在不使用 jQuery UI 和 jQuery Mobile 的情况下在 jQuery 中左右滑动 [重复]

如何在没有插件的情况下在 Jquery 中格式化数字？ [复制]

如何在没有jQuery的情况下在javascript中执行php文件

如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件？

如何在没有 Jquery-ui 且没有 Bootstrap 的情况下在 angularjs 中创建自定义进度条？

在没有文件的情况下在 HTML5 中播放来自 javascript 的音频 - 使用缓冲区