网页隐藏版之一行小说阅读器

已于 2024-07-19 15:53:37 修改
阅读量452 收藏 2
点赞数 4
文章标签： css 前端 javascript 摸鱼神器 最佳隐藏
于 2024-07-19 15:20:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47147246/article/details/140550531
版权

网页隐藏版之一行小说阅读器

显示效果：
在这里插入图片描述
懒人操作：
页面鼠标右键，新建文本文档，复制黏贴以下代码，点击左上角【文件】，点击【另存为】，如下设置，后缀为.html，这样一个本地网页就完成啦~
在这里插入图片描述

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        https://baidu.com
    </title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

        p {
            font-size: 15px;
            margin: 0;
            padding: 0;
        }

        /* 设置文件输入框的样式 */
        #fileInput {
            font-size: 10px;
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 1px;
            left: 1px;
        }

        /* txt内容显示框 */
        #fileContent {
            POSITION: absolute;
            white-space: pre-wrap;
            BOTTOM: 0px;
            LEFT: 400px;
            font-size: 0.7em;
            line-height: normal;
            text-align: left;
        }

        /* url内容显示框 */
        iframe {
            width: 100%;
            height: calc(98vh);
            margin: 0;
            padding: 0;
            border: none;
        }

        /* 当前行数 */
        #currentLine {
            font-size: 12px;
            position: absolute;
            bottom: 0px;
            left: 4px;
            color: #9c9c9c;
        }

        /* 用于隐藏/显示txt内容和当前行数 功能区 */
        .content {
            position: absolute;
            bottom: 40px;
            right: 30px;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: flex-end;
            margin-top: 10px;
        }

        /* 用于隐藏/显示txt内容和当前行数 的S/H 按钮 */
        #BtnsBtn,
        #RowsBtn,
        #nextBtn,
        #preBtn {
            margin-right: 6px;
            width: 20px;
            height: 20px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #BtnsBtn {
            background-color: rgb(187 187 187);
            border: none;
            border-radius: 20%;
        }

        #BtnsBtn:active {
            background-color: rgb(27, 152, 255);
        }

        #RowsBtn:active {
            background-color: rgb(114, 114, 114);
        }

        /* 跳转、重置行数\重置、清空url功能区 */
        .updataRowsDiv,
        .updataUrlDiv,
        .updataLeftDiv,
        #resetKeyborderDiv {
            position: absolute;
            right: 30px;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: flex-end;
            margin-top: 10px;
        }

        .updataRowsDiv {
            bottom: 111px;
        }

        .updataUrlDiv {
            bottom: 75px;
        }

        .updataLeftDiv {
            bottom: 180px
        }

        #resetKeyborderDiv {
            bottom: 150px;
        }

        #resetKeyborderDiv label {
            margin-right: 3px;
            font-size: 12px;
            line-height: 23px;
            background: #e9e9e9;
        }

        #resetKeyborderDiv #resetKeyborder {
            margin-right: 5px;
            background-color: rgb(0, 69, 126);
            color: white;
            border-radius: 4px;
            border: none;
            width: 83px;
            height: 27px;
            font-size: 11px;
        }

        #resetKeyborderDiv #resetKeyborder:active {
            background-color: rgb(2, 141, 255);
        }

        /* 行数输入框、url输入框 、调整行数输入框*/
        #jumpLineInput,
        #urlInput,
        #leftInput {
            width: 120px;
            margin-right: 5px;
            padding: 2px;
            font-size: 11px;
            border-radius: 4px;
            border: 1px solid rgb(189, 188, 188);
        }

        #leftInput {
            width: 117px;
            height: 23px;
            font-size: 12px;
            color: #707070;
        }

        /* 跳转、重置行数、重置、清空url按钮 */
        .updataRowsDiv #jumpBtn,
        .updataRowsDiv #resetBtn,
        .updataUrlDiv #setUrlBtn,
        .updataUrlDiv #resetUrlBtn {
            margin-right: 5px;
            background-color: rgb(0, 69, 126);
            color: white;
            border-radius: 4px;
            border: none;
            width: 40px;
            height: 32px;
            font-size: 11px;
        }

        /* 初始化不显示 */
        #jumpBtn,
        #resetBtn,
        #jumpLineInput,
        #jumpBtn,
        #resetBtn,
        #urlInput,
        #setUrlBtn,
        #resetUrlBtn,
        #BtnsBtn,
        #RowsBtn,
        #nextBtn,
        #preBtn,
        #leftInput,
        #resetKeyborderDiv {
            display: none;
        }
    </style>
</head>

<body>
    <!-- 外部url显示区 -->
    <iframe id="webFrame" src="https://help.aliyun.com/document_detail/153739.html?spm=a2c4g.150040.0.0.d890272c6njJmN"
        title="网站"></iframe>
    <!-- 选择txt文件区 -->
    <input type="file" id="fileInput" accept=".txt">
    <!-- txt文本显示区 -->
    <div id="fileContent"></div>
    <!-- 当前行数显示区 -->
    <div id="currentLine"></div>
    <div class="functionDiv">
        <!-- 四个按钮区（上一行、下一行、隐藏/显示） -->
        <div class="content">
            <button id="preBtn">-</button>
            <button id="RowsBtn"></button>
            <button id="nextBtn">+</button>
            <button id="BtnsBtn"></button>
        </div>
        <!-- 调整txt行数功能区 -->
        <div class="updataRowsDiv">
            <input type="number" id="jumpLineInput" placeholder="输入行数：">
            <button id="jumpBtn">跳转</button>
            <button id="resetBtn">重置</button>

        </div>
        <!-- 调整url内容功能区 -->
        <div class="updataUrlDiv">
            <input type="url" id="urlInput" placeholder="输入外部链接(网页显示)：">
            <button id="setUrlBtn">设置</button>
            <button id="resetUrlBtn">清空</button>
        </div>
        <!-- 调整文本位置功能区 -->
        <div class="updataLeftDiv">
            <p style="font-size: 12px;text-align: left;line-height: 28px;display: none;" id="leftText">可调整文本位置：</p>
            <input type="number" id="leftInput" value="400" />
        </div>
        <!-- 调整键盘按钮控制功能区 -->
        <div id="resetKeyborderDiv">
            <label>上:</label>
            <label id="prevLineKey"></label>
            <label>下:</label>
            <label id="nextLineKey"></label>
            <label>显/隐:</label>
            <label id="hideShowKey"></label>
            <button id="resetKeyborder">修改按键</button>
        </div>
    </div>

    <script>
        const fileInput = document.getElementById('fileInput');
        const fileContent = document.getElementById('fileContent');
        const currentLineDiv = document.getElementById('currentLine');
        const RowsBtn = document.getElementById('RowsBtn');
        const BtnsBtn = document.getElementById('BtnsBtn');
        const nextBtn = document.getElementById('nextBtn');
        const preBtn = document.getElementById('preBtn');
        const jumpLineInput = document.getElementById('jumpLineInput');
        const jumpBtn = document.getElementById('jumpBtn');
        const resetBtn = document.getElementById('resetBtn');
        const webFrame = document.getElementById('webFrame');
        const urlInput = document.getElementById('urlInput');
        const setUrlBtn = document.getElementById('setUrlBtn');
        const resetUrlBtn = document.getElementById('resetUrlBtn');
        const leftText = document.getElementById('leftText');
        const leftInput = document.getElementById('leftInput');
        const resetKeyborder = document.getElementById('resetKeyborder');
        const hideShowKey = document.getElementById('hideShowKey');
        const prevLineKey = document.getElementById('prevLineKey');
        const nextLineKey = document.getElementById('nextLineKey');
        const resetKeyborderDiv = document.getElementById('resetKeyborderDiv');
        let lineIndex = 0;
        let lines = [];
        let filename = ''; // 用于存储文件名的变量

        // 自定义函数——当前行数显示
        function displayLine() {
            fileContent.textContent = lines[lineIndex] || '';
            currentLineDiv.textContent = `第${lineIndex + 1}行`;
            localStorage.setItem('savedLineIndex', lineIndex + 1);
        }

        // 自定义函数：将文本按照指定长度切割为每行
        function splitTextIntoLines(text, length) {
            const regex = new RegExp(`.{1,${length}}`, 'g');
            return text.match(regex) || [];
        }

        // 自定义函数——显示/隐藏多按钮(重置、跳转、清空、行数位置、键盘按钮)
        function ShowOrHideBtns(status) {
            jumpLineInput.style.display = status;
            jumpBtn.style.display = status;
            resetBtn.style.display = status;
            urlInput.style.display = status;
            setUrlBtn.style.display = status;
            resetUrlBtn.style.display = status;
            leftInput.style.display = status;
            leftText.style.display = status;
            resetKeyborderDiv.style.display = status;
        }

        // 自定义函数——显示/隐藏多按钮(上一行、下一行、隐藏/显示按钮)
        function FourBtns(status) {
            BtnsBtn.style.display = status
            RowsBtn.style.display = status
            nextBtn.style.display = status
            preBtn.style.display = status
        }

        // 自定义函数——显示/隐藏行数
        function ShowOrHideRows(status) {
            fileContent.style.display = status;
            currentLineDiv.style.display = status;
        }

        // 自定义函数——调整txt文本位置
        function setLeftValue() {
            var savedLeftValue = localStorage.getItem('leftValue');
            if (savedLeftValue !== null) {
                fileContent.style.left = savedLeftValue + 'px';
                leftInput.value = savedLeftValue;
            } else {
                leftInput.value = 400;
                fileContent.style.left = '400px';
            }
        }


        // 检查是否有保存的URL
        const savedUrl = localStorage.getItem('savedUrl');
        if (savedUrl) {
            webFrame.src = savedUrl;
        }

        // 加载文件后
        fileInput.addEventListener('change', function (event) {
            setLeftValue();// 自动加载txt文本位置
            const file = event.target.files[0];
            const reader = new FileReader();
            reader.onload = function (event) {
                fileInput.style.display = 'none'
                fileContent.style.display = 'block'
                FourBtns('block')
                const fileText = new TextDecoder('utf-8').decode(event.target.result);
                lines = splitTextIntoLines(fileText, 70); // 调用自定义函数将文本切割为每行70个字符
                filename = file.name; // 保存文件名
                const savedFilename = localStorage.getItem("save_filename");
                if (filename === savedFilename) {
                    lineIndex = parseInt(localStorage.getItem('savedLineIndex')) || 0; // 转换为整数
                } else {
                    localStorage.setItem('save_filename', filename);
                    lineIndex = 0; // 重置行索引
                }
                displayLine();
                fileInput.classList.add('hide');
            };

            reader.readAsArrayBuffer(file);
        });
        // 上一行按钮
        preBtn.addEventListener('click',
            function () {
                lineIndex--;
                if (lineIndex < 0) {
                    lineIndex = 0;
                }
                displayLine();
            }
        );
        // 下一行按钮
        nextBtn.addEventListener('click',
            function () {
                lineIndex++;
                if (lineIndex >= lines.length) {
                    lineIndex = lines.length - 1;
                }
                displayLine();
            });
        // 显示、隐藏按钮
        RowsBtn.addEventListener('click', function () {
            toggleDisplay()
        });

        // 重置键盘控制按钮功能
        resetKeyborder.addEventListener('click', function () {
            let prevLineKey, nextLineKey, hideShowKey;

            do {
                prevLineKey = prompt("请输入用于上一行的键:").toUpperCase();
                if (prevLineKey.length !== 1) {
                    alert("请输入单个字符作为键!");
                }
            } while (prevLineKey.length !== 1);

            do {
                nextLineKey = prompt("请输入用于下一行的键:").toUpperCase();
                if (nextLineKey.length !== 1) {
                    alert("请输入单个字符作为键!");
                }
            } while (nextLineKey.length !== 1);

            do {
                hideShowKey = prompt("请输入用于隐藏/显示文本的键:").toUpperCase();
                if (hideShowKey.length !== 1) {
                    alert("请输入单个字符作为键!");
                }
            } while (hideShowKey.length !== 1);

            // 保存到 localStorage
            localStorage.setItem('prevLineKeylocalStorage', prevLineKey);
            localStorage.setItem('nextLineKeylocalStorage', nextLineKey);
            localStorage.setItem('hideShowKeylocalStorage', hideShowKey);

            // 转换为大写字母以处理大小写不敏感
            prevLineKey = prevLineKey.toUpperCase();
            nextLineKey = nextLineKey.toUpperCase();
            hideShowKey = hideShowKey.toUpperCase();

            // 显示设置的键
            document.getElementById('prevLineKey').textContent = prevLineKey;
            document.getElementById('nextLineKey').textContent = nextLineKey;
            document.getElementById('hideShowKey').textContent = hideShowKey;

            // 添加键盘按钮监听事件
            document.addEventListener('keydown', keyHandler);
        });

        // 页面加载时检查 键盘控制的 localStorage
        document.addEventListener('DOMContentLoaded', function () {
            let prevLineKey = localStorage.getItem('prevLineKeylocalStorage');
            let nextLineKey = localStorage.getItem('nextLineKeylocalStorage');
            let hideShowKey = localStorage.getItem('hideShowKeylocalStorage');

            // 若 localStorage 存在
            if (prevLineKey && nextLineKey && hideShowKey) {
                prevLineKey = prevLineKey.toUpperCase();
                nextLineKey = nextLineKey.toUpperCase();
                hideShowKey = hideShowKey.toUpperCase();

                document.getElementById('prevLineKey').textContent = prevLineKey;
                document.getElementById('nextLineKey').textContent = nextLineKey;
                document.getElementById('hideShowKey').textContent = hideShowKey;

                // 添加键盘按钮监听事件
                document.addEventListener('keydown', keyHandler);
            } else {
                alert("本网页用于1行阅读txt文件\n 前提：需加载编码为utf-8的txt文件\n 功能(右下角按钮可展示)：\n 1、修改按键控制下行与显隐藏\n（默认：上Q下E显隐W）\n 2、可指定行数跳转\n 3、可修改显示网页url\n 4、可重置txt文件\n  5、可按钮控制下行与显隐藏\n 6、自动保存上一次阅读的行数\n 7、可调整阅读文本位置\n 请尽情摸鱼吧~");
                document.addEventListener('keydown', function (event) {
                    localStorage.setItem('prevLineKeylocalStorage', 'Q');
                    localStorage.setItem('nextLineKeylocalStorage', 'E');
                    localStorage.setItem('hideShowKeylocalStorage', 'W');
                    // 添加键盘按钮监听事件
                    document.addEventListener('keydown', keyHandler);
                });
            }
        });

        // 自定义键盘按钮监听事件
        function keyHandler(event) {
            let prevLineKey = localStorage.getItem('prevLineKeylocalStorage');
            let nextLineKey = localStorage.getItem('nextLineKeylocalStorage');
            let hideShowKey = localStorage.getItem('hideShowKeylocalStorage');

            if (prevLineKey && nextLineKey && hideShowKey) {
                document.getElementById('prevLineKey').textContent = prevLineKey;
                document.getElementById('nextLineKey').textContent = nextLineKey;
                document.getElementById('hideShowKey').textContent = hideShowKey;
                prevLineKey = prevLineKey.toUpperCase();
                nextLineKey = nextLineKey.toUpperCase();
                hideShowKey = hideShowKey.toUpperCase();

                if (event.key.toUpperCase() === nextLineKey) {
                    lineIndex++;
                    if (lineIndex >= lines.length) {
                        lineIndex = lines.length - 1;
                    }
                    displayLine();
                }
                if (event.key.toUpperCase() === prevLineKey) {
                    lineIndex--;
                    if (lineIndex < 0) {
                        lineIndex = 0;
                    }
                    displayLine();
                }
                if (event.key.toUpperCase() === hideShowKey) {
                    toggleDisplay();
                }
            }
        }

        // 切换显示和隐藏行的函数
        function toggleDisplay() {
            if (fileContent.style.display === 'none') {
                ShowOrHideRows('block');
                nextBtn.style.display = 'block';
                preBtn.style.display = 'block';
            } else {
                ShowOrHideRows('none');
                nextBtn.style.display = 'none';
                preBtn.style.display = 'none';
            }
        }

        // 跳转行数
        jumpBtn.addEventListener('click', function () {
            const jumpLine = parseInt(jumpLineInput.value);
            if (!isNaN(jumpLine) && jumpLine > 0 && jumpLine <= lines.length) {
                lineIndex = jumpLine - 1;
                displayLine();
                jumpLineInput.value = "";
            } else {
                alert('请输入有效的行数！');
                jumpLineInput.value = "";
            }
        });

        // 显示/隐藏多个按钮(重置、跳转、清空)
        BtnsBtn.addEventListener('click', function () {
            if (leftText.style.display == 'none') {
                ShowOrHideBtns('block')
            } else {
                ShowOrHideBtns('none')
            }
        });


        // 重置txt文件
        resetBtn.addEventListener('click', function () {
            if (confirm('确定要重新选择txt文件吗？')) {
                FourBtns('none')
                fileInput.style.display = 'block'
                fileInput.value = null; // 允许重新选择相同文件
                fileContent.textContent = '';
                currentLineDiv.textContent = '';
                ShowOrHideBtns('none')
            } else {
                return;
            }
        });

        // 重置url网页
        setUrlBtn.addEventListener('click', function () {
            const newUrl = urlInput.value;
            if (newUrl) {
                webFrame.src = newUrl;
                localStorage.setItem('savedUrl', newUrl);
                urlInput.value = '';
            } else {
                alert('请输入有效的URL！');
            }
        });

        // 清空url网页
        resetUrlBtn.addEventListener('click', function () {
            if (confirm('确定要清空整个页面内容吗？')) {
                webFrame.src = '';
                ShowOrHideRows('none')
                localStorage.removeItem('savedUrl');
            }
        });

        // 调整行数位置
        leftInput.addEventListener('input', function () {
            var leftValue = this.value;
            fileContent.style.left = leftValue + 'px';
            localStorage.setItem('leftValue', leftValue);
        });

    </script>
</body>

</html>
流落的小鬼
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
上班族福音：小说阅读器推荐
co_rs的博客
05-08 278
即使你的同事或老板走过来，他们也不会发现你在看小说，因为这个阅读器非常隐蔽。如果你是一个喜欢看小说的上班族，不妨试试这个小说阅读器，相信你一定会非常喜欢它。你可以调整透明背景，让它在你的电脑桌面上消失不见，只有在你需要时才会出现。这样，即使你的同事或老板在你身后经过，他们也不会发现你在看小说。这个小说阅读器是一款非常实用的软件，我自己也用过，并且认为它是我用过的最好的看小说软件之一。它也非常简单易用，只需要用鼠标移动到屏幕的某个区域，阅读界面就会出现，移开鼠标，它就会消失。
极简单行阅读器：上班族的摸鱼神器
m0_59328104的博客
05-04 2196
极简单行阅读器”是一个为上班族量身定做的摸鱼神器，它不仅能够提供舒适的阅读体验，还能在你需要时提供隐蔽的保护。无论是在办公室还是在家中，这个阅读器都能成为你放松心情、提升自我的得力助手。快去体验一下吧，让阅读成为你生活中的一抹亮色！
超级隐蔽的小说阅读器
热门推荐
hushoubo的专栏
05-15 1万+
有时候写代码累了，或者某一段时间工作比较闲，我会选择看小说来调节一下，但是在公司里面又不能明目张胆的打开记事本来看小说，于是亲自动手写了个程序。这个程序采用透明窗口样式，只有一行字的高度，宽度和桌面差不多，位于普通窗口最大化时状态栏的位置，效果如下图：     设置好相关快捷键后，关闭设置对话框即可开始阅读小说，非常隐蔽的，嘿嘿...   程序可以去这里下载   看到大家对这个程
《从案例中学习JavaScript》之实现网页版阅读器
java小白翻身
11-26 475
###序 现在手机上的文本阅读app已经非常丰富，良好的阅读体验与海量的书库常常令我感到无比兴奋。 我想到8年前用一点几寸屏幕的mp3看电子书的情景，顿生一种淡淡的温馨。再久远一些，小的时候，我也经常和小伙伴们组团去书店看白书，也就是白看书。古老的木质书架上那一叠叠厚重的黄皮小说书，在年幼的我眼里仿佛是比盘子里的午餐肉更加美味可口的东西。 而在当今这个信息化的时代，看书变得空前的便利，可是儿时那种期待和兴奋的感受却消失在了时间的长河。 岁月在流逝，时代在进步。 愿放下所有的浮躁，在新的时代愉快地生活，无所谓
Android开发--MVP demo+Jsoup在线小说阅读器（一）
CallMeSP的博客
11-27 3009
因为最近身体不好又是偷懒了一阵子没有更新…这次带来的是一个在线的小说阅读器.目前已经实现了基本的功能，完成了大概的框架，剩余的部分慢慢来更新。先放上源码github https://github.com/CallMeSp/ToRead_MVP.git 求star。里面也有这个项目没有应用mvp结构的源码可以用来对比一下。 最近看了MVP框架，所以这个项目也采用了mvp框架，参考了mv
JAVAWEB之小说书城项目
X201805的博客
05-08 2659
一，项目目的 1.熟悉网站开发的基本流程。 2.将以学习的知识进行复习总结。 3，明确自身知识薄弱区。 二，项目内容 使用所学习对jsp，HTML，Mysql，css等知识制作一个小型的网页，初步实现登录注册，与对网站其他功能的处理。 项目所有文件展示（包括jar包和jsp页面）。 三，项目过程 首先是制作容纳用户账号的数据库表格： 然后是java部分 我的整个项目所有Java代码包 先是准备部分，就是上面展示的两个类，一个配置文件。 jdbc不用说，d...
精伦身份证阅读器 网页版OCX 二次开发包
03-20
精伦身份证阅读器是一款专为网页环境设计的OCX（对象链接和嵌入）控件，用于实现身份证信息的高效读取与验证。这个二次开发包是为开发者提供的一种工具，帮助他们将身份证读取功能集成到自己的网页应用中。在进行...
电脑小说阅读器,PC小说摸鱼神器
04-10
【电脑小说阅读器,PC小说摸鱼神器】是一款专为电脑用户设计的小说阅读软件，旨在提供便捷、舒适的阅读体验，让小说爱好者在工作间隙轻松享受阅读的乐趣。它集成了丰富的资源库，支持多种格式的电子书，如EPUB、PDF、...
css实现水滴效果图
yinge0508的博客
08-12 1990
【代码】css实现水滴效果图。
响应式Web设计：纯HTML和CSS的实现技巧
最新发布
Caleb的博客
08-16 774
响应式设计的核心理念是使用灵活的布局和媒体查询来自动调整网页的布局和样式。传统的静态网页设计往往只能适应固定的屏幕尺寸，而响应式设计则能够根据用户设备的不同，自适应地调整内容展示。它允许我们为不同的屏幕尺寸和特性定义不同的CSS样式，从而实现页面的自适应布局。）在响应式设计中非常重要，因为它们可以根据不同的设备和用户设置调整元素的大小。这样，无论图片的实际尺寸如何，它都会根据其容器的宽度自动缩放，从而避免了图片溢出容器的情况。函数，使得网格项在屏幕尺寸变化时自动调整列数和列宽，从而适应不同的显示设备。
PHP 实战：动态更改 CSS 值
withkai44的博客
08-15 244
在上面的代码中，我们首先设定了一个变量 $userFontSize 来模拟获取用户设置的字体大小，然后通过 echo 函数将 CSS 样式输出到页面中。除了直接在服务器端输出或生成 CSS 文件外，还可以结合 JavaScript 来动态更改样式。这种方式更为灵活，可以根据用户的行为实时更改样式。如果需要更改的样式较多，我们也可以选择生成一个新的 CSS 文件。直接输出 CSS 样式。生成新的 CSS 文件。
css-浮动
m0_73882020的博客
08-16 391
不再保留原先的位置。
【CSS】数字英文css没有转换成...换行点、没有换行、拆分的问题（非常常见的需求）
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
08-16 840
默认情况下，连续的英文或数字文本不会在空格处换行，这可能导致布局问题。
CSS使用touch-action属性控制设备的触摸行为
读心悦
08-15 450
CSS 属性是一个用于设置触摸操作（如触摸滑动、双击缩放等）在特定元素上的默认行为如何被浏览器处理的属性。这个属性主要用于优化移动端和触摸设备的交互体验，减少不必要的触摸事件处理或冲突，特别是在处理滚动、缩放等复杂交互时。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值