• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

onclick事件的基本操作

互联网 diligentman 4天前 7次浏览

onclick 事件会在元素被点击时发生。
就是帮我们实现点击某个元素想要执行某个操作的需求。

html代码:

<p onclick="funp()" >点这里</p>

js代码:

function funp(){
				console.log("点击了文字");
			}

这样的,我们就会在点击文字时在控制台输出一句话。

完整样例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			#d1{
				width: 50px;
				height: 50px;
				background-color: bisque;
				border: solid 1px black;
			}
		</style>
		<script>
			function fund(){
				console.log("点击了div块");
				}
			function funp(){
				console.log("点击了文字");
			}
			function funb(){
				console.log("点击了按钮");
			}
		</script>
		<title></title>
	</head>
	<body>
		
		<div id="d1" onclick="fund()" > div块 </div>
		
		<p onclick="funp()" >点这里</p>
		
		<button onclick="funb()" >按钮</button>
		
		
		
	</body>
</html>

效果截图:
onclick事件的基本操作
看完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看到右下角的 “一键三连” 了吗,没错点它[哈哈]

onclick事件的基本操作
加油!

共同努力!

Keafmd


喜欢 (0)