标签: mouseover

如何同时检测按键和鼠标悬停

好的,我可以使用检测鼠标悬停 .on('mouseover')

我可以使用检测按键

$(document).keypress(function(e) {
        console.log(e.which);
}
Run Code Online (Sandbox Code Playgroud)

但是当我按下某个按钮时,如何检测鼠标悬停在哪个图像上?

我的想法是能够在将鼠标悬停在图像上时按d来删除图像.有任何想法吗 ?

javascript jquery keypress mouseover

14
推荐指数
1
解决办法
6030
查看次数

d3 - 触发鼠标悬停事件

我有一张由D3渲染的SVG图形中的美国州和县的地图.每个路径都有绑定到它的mouseover,mouseout和click事件,以及设置为路径ID的FIPS县代码.

我有一个jQuery Autocomplete输入,用户可以输入州或县的名称.给定输入,使相应的FIPS ID可用,如何以编程方式触发鼠标悬停事件?

svg mouseover dom-events d3.js

14
推荐指数
3
解决办法
2万
查看次数

如何从鼠标指针创建"光环"效果?

如果您打开谷歌浏览器并打开多个选项卡,则可以通过将鼠标悬停在背景选项卡上来查看效果.指针将具有"光环"效果,跟随它.

为了澄清,我不是在问如何让整个标签发光变浅,我问的是如何在指定的半径范围内给指针赋予效果.

javascript jquery html5 mouseover css3

13
推荐指数
1
解决办法
9207
查看次数

悬停,鼠标悬停和鼠标移出

我正在学习和使用jQuery,并希望为某些元素显示删除图标.

我有一个外部主div,它包含多个元素包装器.在元素包装器中,我想在用户将鼠标悬停在元素包装器上时显示删除图标,并在用户移出元素包装器时将其删除.

使用mouseovermouseout,我可以显示和删除图标,但是一旦我将鼠标移到删除图标上,它就会被删除,因为它会触发mouseout元素包装器的事件.我究竟做错了什么?

jquery mouseover hover

12
推荐指数
1
解决办法
3万
查看次数

在WPF中的ListView上删除鼠标悬停效果

我正在使用WPF编写一个Windows 8平板电脑应用程序,并在屏幕上有一个ListView控件.

列表视图包含多个覆盖1页以上的行,因此启用了垂直滚动.

当我触摸屏幕时,当我向上和向下滚动时,会出现淡蓝色选择器并停留在屏幕中间(但是以深蓝色突出显示的所选项目不会改变).我猜它是鼠标效果,因为当我使用鼠标时会出现相同的效果.

我也使用DataTemplate作为items集合.

我怎样才能获得淡蓝色鼠标的效果?

这是我的ListView的XAML

<ListView Grid.Row="1"
              Margin="10"                  
              HorizontalContentAlignment="Stretch"
              ItemsSource="{Binding Source={StaticResource MyData}}"
              ItemTemplate="{StaticResource MyItemTemplate}"
              ScrollViewer.CanContentScroll="False"
              ScrollViewer.PanningMode="VerticalOnly"
              ScrollViewer.PanningRatio="0.5">
    </ListView>
Run Code Online (Sandbox Code Playgroud)

这是我的项目模板:

<DataTemplate x:Key="MyItemTemplate">
        <Grid Margin="10,5">                
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Border BorderBrush="Gray"
                    BorderThickness="1"
                    Grid.RowSpan="2"
                    CornerRadius="5" />                
            <TextBlock Text="{Binding Name}"
                       FontSize="20"
                       VerticalAlignment="Center"
                       Grid.Row="0"
                       Margin="10" />
            <Border Background="#FFB9B9B9"
                    Grid.Row="1"
                    CornerRadius="5"
                    Margin="10,0,10,4">
            <StackPanel HorizontalAlignment="Stretch"                            
                        Orientation="Horizontal"                            
                        Grid.Row="1">                    
                <TextBlock VerticalAlignment="Center"
                           Text="Status: "
                           Margin="5,5,0,5" />
                <TextBlock VerticalAlignment="Center"
                           Text="{Binding CompletionStatus}" />
                <TextBlock VerticalAlignment="Center"
                           Text="% complete, " />
                <TextBlock VerticalAlignment="Center"
                           Text="Upload status: " />
                <TextBlock VerticalAlignment="Center"
                           Text="{Binding …
Run Code Online (Sandbox Code Playgroud)

wpf xaml listview touchscreen mouseover

12
推荐指数
2
解决办法
1万
查看次数

jQuery:鼠标还在元素上吗?

我希望能够在以下场景中检测鼠标是否仍然在元素上:

  1. 如果鼠标悬停,则休眠几秒钟.
  2. 一旦完成睡眠检查,鼠标仍然在同一个元素上.
  3. 如果是真的那么做点什么.

我怎样才能达到#2?

谢谢.

jquery events mouseover jquery-plugins hover

11
推荐指数
3
解决办法
3万
查看次数

在MS Paint上编写绘画程序 - 如何在鼠标移动事件之间进行插值?

我想以MS Paint的风格编写一个绘画程序.

为了在用户移动鼠标时在屏幕上绘画,我必须等待鼠标移动事件并在我收到鼠标时在屏幕上绘图.显然,mose移动事件不经常发送,所以我必须通过在当前鼠标位置和前一个鼠标位置之间画一条线来插值鼠标移动.在伪代码中,这看起来像这样:

var positionOld = null

def handleMouseMove(positionNew):
    if mouse.button.down:
        if positionOld == null:
            positionOld = positionNew
        screen.draw.line(positionOld,positionNew)
        positionOld = positionNew
Run Code Online (Sandbox Code Playgroud)

现在我的问题是:使用直线段进行插值看起来太符合我的口味了,你能推荐一种更好的插值方法吗?GIMP或Adobe Photoshop采用什么方法?

或者,有没有办法增加我收到的鼠标移动事件的频率?我正在使用的GUI框架是wxWidgets.

GUI框架:wxWidgets.
(编程语言:Haskell,但这里不相关)

编辑:澄清:我想要看起来比直线段更平滑的东西,看图片(原始大小):

在鼠标位置之间绘制的锯齿状线条http://i26.tinypic.com/hwa42h.jpg

EDIT2:我使用的代码如下所示:

-- create bitmap and derive drawing context
im      <- imageCreateSized (sy 800 600)
bitmap  <- bitmapCreateFromImage im (-1)    -- wxBitmap
dc      <- memoryDCCreate                   -- wxMemoryDC
memoryDCSelectObject dc bitmap

...
-- handle mouse move
onMouse ... sw (MouseLeftDrag posNew _) = do
    ...
    line dc …
Run Code Online (Sandbox Code Playgroud)

user-interface interpolation wxwidgets paint mouseover

11
推荐指数
1
解决办法
2824
查看次数

jqplot在鼠标悬停时更改图形的颜色

jqPlot 当鼠标悬停时改变填充的颜色......我想删除那个效果..怎么样?

以下是使用的选项:

var options={
    series: [{
            neighborThreshold: -1,
            shadowAngle:0,
            shadowOffset:2.5,
            shadowAlpha:.05,
            shadowDepth:5
        }],
    seriesDefaults: {
        color: '#224',
        fill: true,        // fill under the line,
        fillAndStroke: true,       // *stroke a line at top of fill area.
        fillColor: '#66CCCC',       // *custom fill color for filled lines (default is line color).
        fillAlpha: 0.2,       // *custom alpha to apply to fillColor.
        markerRenderer: $.jqplot.MarkerRenderer,    // renderer to use to draw the data
        // point markers.
        markerOptions: {
            show: false,             // wether to show data …
Run Code Online (Sandbox Code Playgroud)

javascript mouseover jqplot

11
推荐指数
1
解决办法
1万
查看次数

令人敬畏的CSS效果

404页500页

任何人都知道怎么做这种事情?用鼠标移动的动画?谢谢你的修正,@ Alin.只是指向教程的链接会很好.

编辑:刚刚也知道它是视差效应.这应该有所帮助.

javascript css mouse animation mouseover

11
推荐指数
1
解决办法
1903
查看次数

带有子元素的JavaScript mouseover/mouseout问题

我有这个小问题,我正在请求你的帮助.我有一个div元素,在其中我有一个img元素,就像这样

<div id="parent" onmouseover="MyFuncHover()" onmouseout="MyFuncOut()">
    <img id="child" src="button.png" style="visibility: hidden" />
</div>

<script type="text/javascript">
    function MyFuncHover() {
        // Here I have some code that makes the "child" visible
    }

    function MyFuncOut() {
        // Here I have some code that makes the "child" invisible again
    }
</script>
Run Code Online (Sandbox Code Playgroud)

正如你所见,图像是div的孩子.我希望只有当我离开div时,孩子才会消失.然而,它看起来像当我将鼠标移动到图像时,MyFuncOut()函数被调用(因为,我想,我将鼠标悬停在图片离开DIV).我不希望这种情况发生.我想只在离开div区域时调用MyFuncOut()函数.

我不知道当你将鼠标移到子控件上时,它的父母会调用mouseout事件(即使我在孩子身上,我仍然在父母身上).我被困在这里,我需要你的一些好建议.谢谢!

变化

OK当我"抓出"孩子时,事件冒泡不会向父母发送"mouseout"事件.当我"鼠标悬停"孩子时,它也不会向父母发送"鼠标悬停"事件.那不是我需要的.当我"鼠标悬停"孩子时,我需要父母的"mouseout"事件不被发送.得到它?当我不希望将子项上的单击事件传播到父项时,事件冒泡很有用,但这不是我的情况.奇怪的是,当我"鼠标悬停"它们时,我在同一个父级中有其他元素不会触发父级的"mouseout"事件.

javascript mouseover parent-child mouseout

11
推荐指数
2
解决办法
3万
查看次数