js_简单事件处理

淩亂°似流年 2022-05-19 01:18 314阅读 0赞

<div onclick="clickD(this)">点我试试</div>
<div onmouseover="overD(this)" onmouseout="outD(this)">鼠标移动试试</div>
function clickD(obj){
    alert(obj.innerHTML);
}
function overD(obj){
    obj.style.color="#f00";
    obj.style.fontSize="18px";
}
function outD(obj){
    obj.style.color="#000";
    obj.style.fontSize="12px";
}
document.write("aaa<br>");
document.write("bbb<br>");
document.write("ccc<br>");
with(document){
    write("aaa<br>");
    write("bbb<br>");
    write("ccc<br>");
}

注意:

（1）.div中this表示div这个对象

（2）.在css中是font-size,在js中是fontSize

（3）.有多个重复根的代码时，可以使用with（）｛｝，括号里面是根元素

发表评论取消回复

表情：

评论列表（有 0 条评论，314人围观）

还没有评论，来说两句吧...

相关阅读

相关【Vue.js】009-事件处理

目录一、监听事件 1、概述 2、代码演示 3、运行结果二、事件处理方法 1、概述 2、代码演示 3、运行结果三、内联处理器中的方法 1、概述 2

迷南。/ 2023年10月05日 08:23/ 0 赞/ 5 阅读

相关 JS学习笔记-简单的事件

简单的事件 1.实例代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

太过爱你忘了你带给我的痛/ 2023年06月20日 06:15/ 0 赞/ 180 阅读

相关 Vue.js（9）：事件处理

一、监听事件我们可以使用 `v-on` 指令 (通常缩写为 `@` 符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript。用法为

灰太狼/ 2022年09月14日 13:22/ 0 赞/ 302 阅读

相关 JS-事件处理程序

事件处理程序在`DOM`中定义了一些事件，而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以“on”开头，例如：`onclick`等

ゝ一世哀愁。/ 2022年07月15日 09:46/ 0 赞/ 265 阅读

相关 Vue.js 学习(7) -- 事件处理

本节重点讲的是事件绑定指令v-on，下面是一个最简单的栗子，被运行的代码直接跟在指令后面。 <div id="example-1"> <button v-on:cli

痛定思痛。/ 2022年06月15日 03:54/ 0 赞/ 259 阅读

相关 js_事件处理

<ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li>

迷南。/ 2022年05月19日 06:10/ 0 赞/ 283 阅读

相关 js_简单事件处理

<div onclick="clickD(this)">点我试试</div> <div onmouseover="overD(this)" onmouseout

淩亂°似流年/ 2022年05月19日 01:18/ 0 赞/ 315 阅读

相关事件处理——Vue.js

1. 事件监听v-on （1）简单的逻辑交互可以写在html标签中：比如： <div id="example-1"> <button v

偏执的太偏执、/ 2022年04月22日 13:56/ 0 赞/ 371 阅读

相关 js的简单的事件处理和with关键字

1. 简单的事件处理 <div οnclick="clickd(this);" style="cursor:pointer">点击试下</div>

亦凉/ 2022年03月27日 09:29/ 0 赞/ 215 阅读

相关 JS中的事件处理程序

什么是事件和事件处理程序？事件就是用户或浏览器执行的某些动作，诸如click，load，mouseover等，都是事件的名字，而响应某个事件的函数就是事件处理程序，事件

柔情只为你懂/ 2022年03月20日 06:18/ 0 赞/ 359 阅读