个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个 DIV 表示一个带有文本“HELLO”的蓝色矩形，当用户单击它时，它会将其颜色更改为红色和文本“BYE”，并且当用户将鼠标光标移出时，恢复其原始颜色和文本。这些样式在 CSS 中描述，文本由 GWT 事件控制(参见下面的 Java 代码)。
问题是，当我快速移动鼠标时，任何浏览器都不会触发 ONMOUSEOUT 事件。但如果我慢慢移动它，效果很好。
有什么想法吗？谢谢
MyFile.html
<div id="boxDiv" class="myStyle"></div>
MyFile.java
final Element boxDiv = DOM.getElementById("boxDiv");
DOM.sinkEvents((com.google.gwt.user.client.Element)boxDiv,Event.ONCLICK | Event.ONMOUSEOUT);
DOM.setEventListener((com.google.gwt.user.client.Element)boxDiv,new EventListener(){
public void onBrowserEvent(Event e) {
Element targetDiv = DOM.eventGetTarget(e);
switch (DOM.eventGetType(e)) {
case Event.ONCLICK: onClickHandler(e, targetDiv); break;
case Event.ONMOUSEOUT: onMouseOutHandler(e, targetDiv); break;
}
}
最佳答案
编辑
考虑到您修改后的问题和更改文本所增加的复杂性，让我们使用 GWT，因为 GWT 非常适合这类事情!
好的，首先是我们非常简单的 CSS 样式表:
.myStyle {
background-color: blue;
}
.myStyle-clicked {
background-color: red;
}
这是一个非常基本的 Widget，它几乎可以完全按照您的要求进行操作(很抱歉更改了文本，我对此进行了测试，并且我确信即使在非常快速地移动鼠标时它也能正常工作)在漂亮、简单的 Java (GWT) 中)代码:
private class MyWidget extends Composite {
private Label label = new Label();
private static final String originalText = "Hello world!";
private static final String clickedText = "Goodbye world!";
public MyWidget() {
sinkEvents(Event.ONCLICK | Event.ONMOUSEOUT);
label.setText(originalText);
initWidget(label);
setStyleName("myStyle");
}
@Override
public void onBrowserEvent(Event event) {
super.onBrowserEvent(event);
switch (event.getTypeInt()) {
case Event.ONCLICK:
addStyleDependentName("clicked");
label.setText(clickedText);
break;
case Event.ONMOUSEOUT:
removeStyleDependentName("clicked");
label.setText(originalText);
break;
}
}
}
如果您只是担心 MOUSE_OVER 和 MOUSE_OUT，请使用旧答案
此问题的解决方案是停止以编程方式执行此操作，并使用 native 浏览器的事件处理系统来执行此操作，这将尽可能快。
为此，请使用 CSS hover 过滤器。对于点击，您不必担心，您的问题只是移入和移出，正如您发现的那样，您可能无法相信 JS 能够很好地处理这些情况。我认为目前所有的浏览器都支持这个:
<!DOCTYPE html>
<html>
<head>
<style>
.tt {
background-color: blue;
}
.tt:hover {
background-color: red;
}
</style>
</head>
<body>
<div class="tt">
The content of the body element is displayed in your browser.
</div>
</body>
</html>
我对此进行了测试，它适用于 Chrome、FF 和 IE9。 According to ther w3schools docs , 它也适用于 Safari 和 Opera。
关于css - 快速移动鼠标时不会触发 OnMouseOut 事件(GWT - 所有浏览器)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10626429/
25
4
0
如何更改循环中变量的名称？比如 number1 、 number2 、 number3 、 number4 ？ var array = [2,4,6,8] func ap ( number1: Int
我想设置 View 的背景颜色并在一定延迟后将其更改为另一种颜色。这是我的尝试方式: print("setting color 1") self.view.backgroundColor = UICo
我在使用 express-session 时遇到问题。 session 数据不会在请求之间持续存在。 正如您在下面的代码中看到的那样，/join 路由设置了一些 session 属性，但是当 /sur
我试图从叶渲染器获得一个非常简单的结果，用于快速 Steam 的 for 循环。 我正在上传叶文件 HTML，因为它不接受此处格式正确的代码 - 下面的pizza.swift代码- import
你们中有人有什么好的链接可以与我分享吗？我正在寻找一个 FAST 程序员编辑器，它可以非常快速地打开包含超过 100, 000 行代码的文件？我目前正在使用记事本自动取款机，打开一个 29000 行长
我现在正在处理眼动追踪数据，因此拥有一个巨大的数据集(想想数百万行)，因此希望有一种快速的方法来完成此任务。这是它的简化版本。 数据告诉您眼睛在每个时间点正在查看的位置以及我们正在查看的每个文件。 X
我是新手，想为计时器或其他设备选择提示音。 如何打开此列表，以选择其中一种声音？ Alert sound list 最佳答案 您将无法在应用中使用系统声音。 但是，您可以包括自己的声音文件，并将其显示
我编写了以下代码来构建具有顺序字符串的数组。 它的工作方式与我预期的一样，但我希望它能更快地运行。有没有更有效的方法在PowerShell中产生我想要的结果？ 我是PowerShell的新手，非常感谢
我有一个包含一些非唯一行的矩阵，例如: x 尝试 y <- rle(apply(x, 1, paste, collapse = " ")) # y$lengths is the vector con
我的函数“keyboardWillShown”有问题。所以我想要的是菜单打开时，菜单正好出现在键盘上方。它可以在Iphone 8 plus，8、7、6上完美运行。但是，当我在模拟器上运行Iphone
我正在尝试通过Swift 5中的HTTP get方法从API提取数据。它在启动时成功加载了数据，但是当我刷新页面时，它说“索引超出范围”，这是因为数据是不再会在我的日志中读取，因此索引中没有任何内容。
我想做什么: 从我的数据库中获取时间戳并将其转换为用户的时区。 我的代码: let tryItNow = "\(model.timestampName)" let format = D
给定字体名称和字体大小，如何查找字符串的宽度(CGFloat)？ (目标是将UIView的宽度设置为足以容纳字符串的宽度。) 我有两个字符串:一个重复“1”，重复36次，另一个重复“M”，重复36次。
我正在尝试解析此JSON ["Items": ( { AccountBalance = 0; AlphabetType = 3; Description = "\U0631\U
我在UINavigationBar内放置了一个UILabel。 我想根据navigationBar的高度增加该标签的字体大小。当navigationBar很大时，我希望字体大小更大；当滚动并缩小nav
我想将用户输入限制为仅有效数字并使用以下内容: func textView(_ textView: UITextView, shouldChangeTextIn range: NSRange, rep
目前我有一个包含超过 100.000 张图像的数据库，它们大小不一或类似，但我想为我的公司制作以下内容: 我插入/上传一张图片，系统返回最有可能相同的图片。我不知道使用什么算法，但它需要快速。我可以预
在我的 swift 项目中，我有一个按钮，我想在标签上打印按下该按钮的时间。 如何解决这个问题？ 最佳答案 添加到DHEERAJ的答案中，您只需在func press(sender: UIButton
我必须发表评论，尝试在解析中导入数组。然而，有一个问题。 当我尝试从 Parse 加载数组时，我的输出是 ("Blah","Blah","Blah")这是一个元组...而不是一个数组 TT... 如何
我的应用程序有一个名为 MyDevice 的类，我用它来与硬件通信。该硬件是可选的，实例变量也是可选的: var theDevice:MyDevice = nil 然后，在应用程序中，我必须初始化设备
我是一名优秀的程序员,十分优秀！