打开页面光标自动定位

最新推荐文章于 2023-02-20 11:25:55 发布

weixin_30419799

最新推荐文章于 2023-02-20 11:25:55 发布

阅读量406

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/yongwang/p/6589594.html

版权

本文介绍了一个简单的HTML和JavaScript实现方案，用于在页面加载时使输入框自动获得焦点，并提供一个按钮来清空输入框内容。示例代码展示了如何结合使用HTML元素与JavaScript函数来达到目的。

摘要由CSDN通过智能技术生成

1.实现打开某页面光标自动定位在input的内容区：

2.实现点击取消清除input输入内容

此为html代码

<div class="search">
                <input type="search" class="search-input input_search_key" placeholder="搜索" id="in" style="padding-left:1.5rem;padding-right: 1rem;">
               <span id="ospan" style="font-size:20px; position: absolute; margin:0.3rem -1.3rem; cursor: pointer" οnclick="clearInput()">×</span>
                <a class="search-cancel" href="questionA.html">取消</a>
                 <div class="search_suggest " id="gov_search_suggest">
                 <ul>
                 </ul>
                 </div>
            </div>

此为js代码：

   $(document).ready(function () {
            $("#in").focus();
        });       

        function clearInput() {
            document.getElementById('in').value = '';
        }

转载于:https://www.cnblogs.com/yongwang/p/6589594.html