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

最新推荐文章于 2022-08-07 17:50:27 发布

cumtv80668

最新推荐文章于 2022-08-07 17:50:27 发布

阅读量140

点赞数

文章标签： css javascript css3 ajax html ViewUI

原文链接：https://www.includehelp.com/code-snippets/cursor-property-in-javascript.aspx

版权

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>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <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

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,

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

<script>
    document.querySelector('.box').style.cursor = "wait";
</script>

Output

输出量

JavaScript | cursor property | example 2

<script>
    document.querySelector('.box').style.cursor = "help";
</script>

Output

输出量

JavaScript | cursor property | example 3

<script>
    document.querySelector('.box').style.cursor = "move";
</script>

Output

输出量

JavaScript | cursor property | example 4

<script>
    document.querySelector('.box').style.cursor = "pointer";
</script>

Output

输出量

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

oracle游标嵌套游标

cumtv80668

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
oracle游标嵌套游标_JavaScript中的游标属性

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 a...
复制链接

扫一扫