腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么onmouseover和onclick不能一起工作，设置div样式，以及如何在不丢失onmouseover的情况下重置onclick设置样式？

问为什么onmouseover和onclick不能一起工作，设置div样式，以及如何在不丢失onmouseover的情况下重置onclick设置样式？
EN

Stack Overflow用户

提问于 2013-10-22 00:16:12

回答 1查看 2.5K关注 0票数 1

首先，我必须说，我处于一个非常基本的编程水平。这些问题的答案对一些人来说可能是显而易见的，但我只是想不出一种把所有这些都结合起来的方法。提前谢谢。

我有这个HTML代码：

<div id="vectores" class="categoria" onclick="this.style.color='#000'; this.style.textDecoration='underline'; mostraVectores('vectores0','vectores')" onmouseover="this.style.color='#000'; this.style.textDecoration='underline'" onmouseout="this.style.color='#999'; this.style.textDecoration='none'">Tema 1. Mec&aacute;nica vectorial</div>
    <div id="vectores0" class="subcategoria"></div>

我在这里使用'onclick‘在样式“永久”中进行这个更改，因为我希望它是一个“菜单选项”，我希望它触发函数，但也改变它的外观，这样就可以很容易地判断它是否被选中了。我一直使用'onmouseover‘来让用户知道指针“将要选择”什么(菜单有更多的选项)。

问题似乎是他们不愿合作。我想这仅仅是因为一旦'onmouseover‘设置了新样式，编译器就不会再次为div设置相同的样式，如果第二个事件(onclick)请求它的话。

下面是该类的css代码：

.categoria{
color:#999;
font-weight:bold;
padding:2px;
padding-left:10px;
cursor:pointer;
}

然后，我想使用单独的javascript页面和如下函数使样式的更改“永久”：

function mostraVectores(cosa1,cosa2){

document.getElementById(cosa1).style.display="block";

document.getElementById('equilibrio').style.color="#999";
document.getElementById('estructuras').style.color="#999";
document.getElementById('centros').style.color="#999";
document.getElementById('momento').style.color="#999";
document.getElementById('inercia').style.color="#999";
document.getElementById('rozamiento').style.color="#999";

document.getElementById('equilibrio').style.textDecoration="none";
document.getElementById('estructuras').style.textDecoration="none";
document.getElementById('centros').style.textDecoration="none";
document.getElementById('momento').style.textDecoration="none";
document.getElementById('inercia').style.textDecoration="none";
document.getElementById('rozamiento').style.textDecoration="none";

document.getElementById(cosa2).style.color="#000";
document.getElementById(cosa2).style.textDecoration="underline";

}

如您所见，还有另一个“菜单选项”，我希望将其变为灰色，并且不带下划线(因为它们最初是根据css)，以防该函数在其他主题之后执行，这样用户在从一个主题切换到另一个主题时，不会以两个“选定的”菜单选项结尾。问题是，通过这种方式“重置”样式，div中的'onmouseover/onmouseout‘停止工作。

我该怎么解决这个问题？

javascript

html

onclick

styles

onmouseover

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-22 01:27:45

您需要的方法是使用CSS :hover并在单击时分配一个类。

HTML

<div id="vectores" class="categoria" onclick="mostraVectores('vectores0','vectores')">Tema 1. Mec&aacute;nica vectorial</div>
    <div id="vectores0" class="subcategoria"></div>

CSS

.categoria {
    color: #999;
    font-weight: bold;
    padding: 2px;
    padding-left: 10px;
    cursor: pointer;
}

.categoria:hover { /* This is applied on mouseover and removed on mouseout */
    color: #000;
    text-decoration: underline;
}

.categoria.active { /* Not sure what you want when clicked */
    color: #900;
    text-decoration: underline;
}

function mostraVectores(cosa1,cosa2){
    //add this to your function
    this.className += " active";

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19512545

复制

函数指针，使用qsort，进行结构体排序

编程算法

我们创建了一个学生信息结构，结构成员包括名字，学号和成绩。main函数中创建了一个包含三个学生信息的数组，并使用qsort函数对数组按照学生成绩进行排序。qsort函数第四个参数是函数指针，因此我们需要传入一个函数指针，并且这个函数指针的入参是cont void *类型，返回值为int。我们通过前面的学习知道了函数名本身就是指针，因此只需要将我们自己实现的studentCompare作为参数传入即可。

用户4645519

2020/09/08

1.7K0

C语言 | 指向指针的指针排序

c 语言

这道理放在C语言学习上也一并受用。在编程方面有着天赋异禀的人毕竟是少数，我们大多数人想要从C语言小白进阶到高手，需要经历的是日积月累的学习。

小林C语言

2021/03/10

1.8K0

C++指向数组元素的指针

编程算法 c++c 语言

在C++中，一个变量有地址，一个数组包含若干元素，每个数组元素都在内存中占用存储单元，它们都有相应的地址；指针变量既然可以指向变量，也可以指向数组元素，所谓数组元素的指针就是数组元素的地址。

小林C语言

2020/12/15

2.2K0

指针数组与指向指针的指针

c++http

指针数组与指向指针的指针 http://wlkc.gdqy.edu.cn/jpkc/portal/blob?key=173314 指针数组和数组指针的区别 http://allew.blog.163.

阳光岛主

2019/02/19

1.9K0

C语言 | 用指向指针的指针对n个整数排序

c 语言 c++

例82：C语言用指向指针的指针的方法对n个整数排序并输出；要求将排序单独写成一个函数；n个整数在主函数中输入，最后在主函数中输出。

小林C语言

2021/02/12

1.5K0

C语言 | 指向指针的指针

c 语言

小林C语言

2021/03/10

3K0

使用 Python 对波形中的数组进行排序

编程算法

假设我们采用了一个未排序的输入数组。我们现在将对波形中的输入数组进行排序。数组 'arr[0..n-1]' 以波形排序，如果 arr[0] >= arr[1] <= arr[2] >= arr[3] <= arr[4] >= .....

很酷的站长

2023/02/22

6.9K0

c语言之指向指针的指针

int

定义：int **p; 实例： #include<stdio.h> #include<iostream> int main() { char* str[] = { "hello","hi","nihao" }; char** p; for (int i = 0; i < 3; i++) { //指针指向数组中的第几个指针 p = str + i; //想要获得指针指向的值，通过*来解引用 printf("%s\n", *p

西西嘛呦

2020/08/26

1.5K0

C++ 中关于指向数组的指针与指针数组的一些思考

编程算法

在 C++ 中，可以将一个指针指向某个数组，也可以使用一个指针数组指向一个数组。这二种方式的具体使用请看以下代码：

耕耘实录

2022/05/09

1.4K0

c++常量指针和指针常量_指针指向二维数组

编程算法 https java 网络安全

a)常量定义：不可修改的值，例如250，’A’ b)const关键字功能：将变量常量化，四种形式

全栈程序员站长

2022/09/27

7450

使用asort函数对PHP数组进行升序排序

php 函数开发排序数组

PHP是一门功能强大的语言，数组是PHP中十分常用的数据结构之一。在实际开发中，经常需要对数组进行排序。PHP提供了多个函数用于对数组进行排序，其中asort函数可以实现对数组进行升序排序。

很酷的站长

2023/08/25

4960

c语言之使用指针将数组进行反转

指针

#include<stdio.h> #include<iostream> void reverse(int* a, int length) { int* p, temp, * i, * j, m; m = (length - 1) / 2;//取得中间的下标 i = a;//i指向数组的首元素 j = a + length - 1;//j指向数组的尾元素 p = a + m;//p指向数组中间的元素 for(; i < p; i++,j--) {//

西西嘛呦

2020/08/26

1.8K0

C语言实例：利用指向指针的指针实现字符串排序

指针

实例代码 // // Created by 冲哥 on 2021/12/20. // #include<stdio.h> #include<string.h> int main() { char *str[]={"CAR","AND","FOR","ERR","DOG","BOX"},**p,*temp; int n=sizeof(str)/sizeof(str[0]),i,j,k;//计算长度 p=str; for(i=0;i<n-1;i++)//按从小到大排序，选择排

C语言中文社区

2022/05/30

7960

使用指向函数的指针

函数指针

/**输入2个整数，然后让用户选择1或2，选1时调用max函数，输出2者中的大数，选2时调用min函数，输出2者中的小数**/ #include <stdio.h> #include <stdlib.h> int main() { int max(int x,int y); int min(int x,int y); int (*p)(int ,int ); int n,a,b; scanf("%d%d",&a,&b); scanf("%d",&n);

谙忆

2021/01/19

8080

【C 语言】数组 ( 数组指针 | 数组指针定义 | 使用数组指针类型定义数组指针 )

typedef 变量数据类型数组指针

最后 , 声明一个数组指针类型变量 , 将 array2 变量地址赋值给该数组指针类型变量 , 指针指向的数据类型为 int[3] 数组类型的变量 array2 ;

韩曙亮

2023/03/29

3K0

【C 语言】数组 ( 数组指针 | 数组指针定义 | 使用数组指针类型定义数组指针 )

【C】指针进阶

int 函数排序数组指针

这里需要注意，常量字符串“abcdef”时存放在只读数据区中的，可以读取，但不能更改，所以我们使用const来修饰，防止通过p修改字符串 const char ps = “abcdef”;//这里的ps指向的是字符串的首字符要想修改字符串中的内容需要用到数组：

阿伟@t

2023/10/10

2000

C++指向函数的指针

编程算法

函数指针是指向函数而非指向对象的指针。与其他类型的指针一样，函数指针也指向某个特定的类型。函数类型由其返回类型以及形参表确定，而与函数名无关。（类似C#中的代理）

卡尔曼和玻尔兹曼谁曼

2019/01/25

1.5K0

【C指针进阶】（C精髓）——对指针的更进一步深入剖析（图文近2w详解）

编程算法

本文承接了上文：初阶指针——全面了解指针，在此基础上对指针进行更深一步的剖析，相信我，也请相信你自己！

诺诺的包包

2023/02/17

5820

【C 语言】数组 ( 数组指针 | 数组指针定义 | 使用数组类型* 定义数组指针 )

int 变量数据类型数组指针

最后 , 声明一个指针 , 将 array2 变量地址赋值给该指针 , 指针指向的数据类型为 int[3] 数组类型的变量 array2 ;

韩曙亮

2023/03/29

3.4K0

【C 语言】数组 ( 数组指针 | 数组指针定义 | 使用数组类型* 定义数组指针 )

C语言进阶-回调函数

编程算法

目录前言回调函数回调型计算器回调冒泡排序（模拟qsort库函数） qsort函数原型 compar参数代码演示冒泡排序（bubble_sort） ---- 前言 ---- 本文主要讲解回调函数的理解回调实现计算器 qsort各种功能的使用冒泡排序各种功能的实现回调函数 ---- 定义回调函数就是一个通过函数指针调用的函数如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数回调函数不是由该函数的实现

用户9645905

2022/11/30

9530

相似问题

用qsort或备用交换方法对指向struct对象的指针数组进行排序的C语言排序算法

对指向结构的指针数组进行排序的stdlib qsort

使用qsort对结构指针数组进行排序

对指向Objective-C对象的指针数组进行qsort

struct -使用qsort对c字符串进行排序

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问为什么onmouseover和onclick不能一起工作，设置div样式，以及如何在不丢失onmouseover的情况下重置onclick设置样式？
EN

回答 1

Stack Overflow用户

用qsort或备用交换方法对指向struct对象的指针数组进行排序的C语言排序算法

对指向结构的指针数组进行排序的stdlib qsort

使用qsort对结构指针数组进行排序

对指向Objective-C对象的指针数组进行qsort

struct -使用qsort对c字符串进行排序

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么onmouseover和onclick不能一起工作，设置div样式，以及如何在不丢失onmouseover的情况下重置onclick设置样式？EN

回答 1

Stack Overflow用户

用qsort或备用交换方法对指向struct对象的指针数组进行排序的C语言排序算法

对指向结构的指针数组进行排序的stdlib qsort

使用qsort对结构指针数组进行排序

对指向Objective-C对象的指针数组进行qsort

struct -使用qsort对c字符串进行排序

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么onmouseover和onclick不能一起工作，设置div样式，以及如何在不丢失onmouseover的情况下重置onclick设置样式？
EN