oracle游标嵌套游标_JavaScript中的游标属性

￡神魔★判官ぃ 2023-03-05 12:41 46阅读 0赞

oracle游标嵌套游标

## JavaScript | 游标属性 **(**JavaScript | Cursor Property**)** ##

The **cursor property in JavaScript** is used to change the style of the cursor pointer displayed on the screen. In this article, we'll look at the number of cursor pointer styles available to us and how to change these styles using the cursor property.

**JavaScript中**的**cursor属性**用于更改屏幕上显示的光标指针的样式。 在本文中，我们将研究可用的游标指针样式的数量，以及如何使用cursor属性更改这些样式。

We have the following properties for the cursor style,

游标样式具有以下属性，

*  wait
    
    等待
 *  help
    
    救命
 *  move
    
    移动
 *  pointer
    
    指针
 *  crosshair
    
    十字准线
 *  cell
    
    细胞
 *  none
    
    没有

The general syntax for this is,

通用语法是

object.style.cursor="cursor property";

Let's go ahead and try these properties out.

让我们继续尝试这些属性。

<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Focus method</title>
        
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    
    </head>
    <style>
        body {
        
            background: palevioletred;
        }
        
        .box {
        
            position: absolute;
            width: 200px;
            height: 200px;
            background: rgb(230, 230, 124);
            padding: 2px;
            margin: 2px;
            left: 500px;
            top: 200px;
        }
    </style>
    
    <body>
        <div class="container">
            <div class="box">
    
            </div>
        </div>
    </body>
    <script>
    </script>
    
    </html>

**Output**

**输出量**

![JavaScript | cursor property | example 1][JavaScript _ cursor property _ example 1]

When we move our cursor over the yellow box, our cursor will acquire different properties or the style of our cursor will change. All we have to do is get a reference to the yellow box inside and set different style properties for the cursor. Let's try out the wait one,

当我们将光标移到黄色框上时，我们的光标将获得不同的属性，或者我们的光标样式将改变。 我们要做的就是获得对内部黄色框的引用，并为光标设置不同的样式属性。 让我们尝试一下，

**Output**

**输出量**

![JavaScript | cursor property | example 2][JavaScript _ cursor property _ example 2]

**Output**

**输出量**

![JavaScript | cursor property | example 3][JavaScript _ cursor property _ example 3]

**Output**

**输出量**

![JavaScript | cursor property | example 4][JavaScript _ cursor property _ example 4]

**Output**

**输出量**

![JavaScript | cursor property | example 5][JavaScript _ cursor property _ example 5]

This way you can try out all the **cursor properties in JavaScript**. You can also recall that this property was used to provide haptic feedback to the user and was used as a great user experience whenever a user would have to wait for something to load, or a request being sent, or an information tab, etc.

这样，您可以尝试**JavaScript中的**所有**游标属性** 。 您还可以回想一下，该属性用于向用户提供触觉反馈，并且在用户必须等待加载某些内容，发送请求或发送信息标签等信息时，可以用作良好的用户体验。

> 翻译自: [https://www.includehelp.com/code-snippets/cursor-property-in-javascript.aspx][https_www.includehelp.com_code-snippets_cursor-property-in-javascript.aspx]

oracle游标嵌套游标

[JavaScript _ cursor property _ example 1]: /images/20230208/95554407cf2c49ec9b19d22c0bb88f80.png
[JavaScript _ cursor property _ example 2]: /images/20230208/945e74dec0af48b99780711f9f0f555b.png
[JavaScript _ cursor property _ example 3]: /images/20230208/f16f9e6e2c1249fca0bec832a5e84e74.png
[JavaScript _ cursor property _ example 4]: /images/20230208/f457fc7e02a348c7a0a8174649290e8e.png
[JavaScript _ cursor property _ example 5]: /images/20230208/ec35d7144e5249999a126f00e21064ee.png
[https_www.includehelp.com_code-snippets_cursor-property-in-javascript.aspx]: https://www.includehelp.com/code-snippets/cursor-property-in-javascript.aspx