css如何调用函数,从CSS调用JavaScript函数

不，您不能直接从CSS触发JavaScript。

您可以做的是使用CSS选择器以这种方式查找要观看的元素，然后观察鼠标事件。标准事件是鼠标悬停和鼠标悬停，但是它们可能有点棘手，因为它们是泡沫的(例如，当鼠标离开任何后代元素时，您会得到mouSEOut)。但是，使用适当的逻辑，它们并不是糟糕的工作，实际上如果你有很多这样的事情，你可能想使用鼠标悬停和鼠标悬停，而不是下面的替代方法，因为你可以将它们设置在父容器上，然后计算出哪个后代元素涉及到，这在某些情况下可能更简单(在其他情况下更复杂)。

IE提供的mouseenter和mouseleave是更容易使用，因为它们不起泡，但(当然)IE特定的。这些都很方便，即使在没有的浏览器中，框架也开始支持它们;例如，Prototype和jQuery提供了它们，如果其他一些框架也是如此，我不会感到惊讶。 jQuery还提供方便的hover功能，这将非常接近你想要的：

// jQuery

$(".first-nav li a").hover(

function(event) {

// The mouse has entered the element,can reference the element via 'this'

},function (event) {

// The mouse has left the element,can reference the element via 'this'

}

);

…这真的只是一个设置mouseenter和mouseleave处理程序的捷径，但仍然非常简洁。

在原型中，它非常相似：

// Prototype

$$(".first-nav li a")

.invoke("observe","mouseenter",function(event) {

// The mouse has entered the element,can reference the element via 'this'

})

.invoke("observe","mouseleave",function(event) {

// The mouse has left the element,can reference the element via 'this'

});

(OT：在这两种情况下，我使用匿名内联函数表达式，以避免给出必须使用命名函数的印象，我总是建议在生产代码中使用命名函数。)

css如何调用函数,从CSS调用JavaScript函数相关推荐

java调用javascript函数_[Java教程]JavaScript函数的4种调用方法详解
[Java教程]JavaScript函数的4种调用方法详解 0 2016-08-09 00:00:12 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C# ...
JavaScript函数的各种调用模式
函数是JavaScript世界里的第一公民,换句话来说,就是我们如果可以精通JavaScript函数的使用,那么对JavaScript的运用可以更游刃有余了.熟悉JavaScript的人应该都知道,同 ...
深入理解javascript函数系列第二篇——函数参数
前面的话 javascript函数的参数与大多数其他语言的函数的参数有所不同.函数不介意传递进来多少个参数,也不在乎传进来的参数是什么数据类型,甚至可以不传参数.本文是深入理解javascript函数 ...
Javascript函数的简单学习
第九课函数的定义与调用 1:函数的定义语法格式 function 函数名(数据类型参数1){//function是定义函数的关键字方法体;//statement ...
javascript函数作用域与闭包
8.8. 函数作用域与闭包如第四章所述,JavaScript函数的函数体在局部作用域中执行,局部作用域不同于全局作用域.本章将解释这些内容和相关的作用域问题,包括闭包.[*] [*] ...
JavaScript学习总结(七)——JavaScript函数(function)
转载自 JavaScript学习总结(七)--JavaScript函数(function) 一.函数基本概念为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 ...
菜鸟教程之 JavaScript 函数(function)
From:https://www.runoob.com/js/js-function-definition.html JavaScript 函数定义 JavaScript 使用关键字 function ...
深入探讨JavaScript函数
目录介绍什么是JavaScript函数? 定义函数函数声明函数表达式箭头函数函数提升一流函数的属性函数签名重载参数默认参数 ES6之前的默认参数默认参数ES6 函数类型函数属 ...
JavaScript学习总结（3）——JavaScript函数(function)
一.函数基本概念为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 1.自定义函数(我们自己编写的函数),如:function funName(){} 2.系统函 ...
JavaScript函数详细介绍
一.函数介绍函数就是将实现特定功能的代码封装起来,当我们需要实现特定功能时,直接调用函数实现即可,不需要每次都写一堆代码,实现代码的复用. 函数的作用: 1.实现功能的封装,提高代码复用率 2.用于 ...

css如何调用函数,从CSS调用JavaScript函数

css如何调用函数,从CSS调用JavaScript函数相关推荐

最新文章

热门文章