用jQuery怎么实现点击输入框呢?

作者&投稿:锺裴 (若有异议请与网页底部的电邮联系)
jquery实现点击进行文本框输入~



function edit() {
//$("#read").attr("readonly", false); //文本框取消只读属性
//$("#read").focus(); //文本框获取焦点
//$("#read").select(); //文本框内容选中
$("#read").attr("readonly", false).focus().select();//可以写在一行
}

说一下思路啊,把输入框和div重叠放在一起!通过控制div和输入框的display的block和none来控制,当然div中显示的数字要和文本框录入的数字同步起来!

jquery的focus()方法可以使元素获得焦点

$(selector).focus();   // 使目标元素获得焦点

示例代码如下

  1. 创建Html元素

    <div class="box">
    <span>点击按钮使文本域获得焦点:</span><br>
    <div class="content">
    <textarea name="test"></textarea>
    </div>
    <input type="button" value="准备输入">
    </div>
  2. 设置css样式

    div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
    div.box span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
    textarea{width:250px;height:100px;padding:10px;border:1px solid #9966cc;}
    input[type='button']{height:30px;margin:10px;padding:5px 10px;}
  3. 编写jquery代码

    $(function(){
    $(":button").click(function() {
    $("textarea[name='test']").focus();
    })
    })
  4. 观察效果



// 点击 a, textarea 获取焦点
$("#ss").click(function() {
    $("#bb").focus();
});


如果你之前给 textarea 定义了事件,例如点击 textarea 执行某些代码,现在想点击 a 的同时模拟 textarea 点击,使用 trigger


// 点击 textarea, 执行 alert
$("#bb").click(function() {
    alert("textarea 被点击");
});
    
// 点击 a, textarea 获取焦点,同时模拟 textarea 点击,执行 alert
$("#ss").click(function() {
    $("#bb").focus().trigger("click");
});


一楼正解,完全没有问题!


jquery如何实现一个表格的筛选,也就是按条件查找筛选
1、首先新建html文档,向下查找兄弟标签:.next()。2、jquery支持链式操作,向下查找兄弟标签的兄弟标签:.next().next()。3、接着向下查找所有兄弟标签:nextAll(),向下查找一直找到某个条件为止:nextUntil('条件')。4、向上查找兄弟标签:.prev(),向上查找所有兄弟标签:prevAll(),向上查找一直找到...

jQuery 如何实现本地切换语言
1在Project设置,添加中英两种语言 2.新建Localizable.strings文件,作为多语言对应的词典,存储多种语言,点击右侧Localization,勾选中英 3.添加一个字段,在English中,添加:SUBMIT_BTN_TITLE = Go;在Chinese中,添加:SUBMIT_BTN_TITLE = 开始;4.一个工具类GDLocalizableController,用来切换本地语言:\/...

如何使用jquery动态加载js,css文件实现代码
一、使用工具:js 、css、dreamweaver。二、实现代码:1、代码一:创建一个 link 元素,并将它添加到 标记中即可,下边首先看看怎么使用 jQuery 来实现。2、代码二:与代码一原理一样,形式有些小差异(append appendTo)3、方法三、直接在 javascript 中使用,代码如下:三、注意事项:如果是在 web ...

在jquery中想要找到所有元素的同辈元素下面哪一个是可以实
在jquery中想要找到所有元素的同辈元素,siblings([expr])可以实现。children([expr]):取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。只考虑子元素而不考虑所有后代元素。

jquery如何提交表单jquery提交表单的方式
5?jQuery如何获取页面表单中的数据?("button").click(function(){alert($(this).serialize());});\/\/或者$('form').submit(function(){alert($(this).serialize());returnfalse;});serialize()方法通过序列化表单值,创建URL编码文本字符串 form表单转Json提交的方法(推荐)?jquery提供了...

jquery如何实现倒计时效果
}编写jquery代码 (function(){ show_time();}); function show_time(){ var time_start = new Date().getTime(); \/\/设定当前时间var time_end = new Date("2015\/10\/01 00:00:00").getTime(); \/\/设定目标时间\/\/ 计算时间差 var time_distance = time_end - time_start; \/\/ 天...

jq怎么写出图片滚动效果jq实现图片滚动效果
本文描述了jQuery如何实现全屏滚动相册,具有滚动导航效果。分享给你,供你参考。如下所示:操作效果图如下:主要代码如下:(函数(){ \/\/加载时的图片 定义变量 loader= (#st_loading \/\/获取的ul元素 定义变量 list= (#st_nav \/\/当前显示的图片 定义变量 currImage = (#st_main).children(img:first...

jQuery 怎么实现点击页面其他地方隐藏菜单
需要通过Jquery来实现这种点击页面其他地方隐藏菜单的效果,重要的一点就是需要通过event.stopPropagation()来阻止事件冒泡:菜单按钮百度\/\/绑定按钮事件,点击按钮可以打开菜单,同时也能关闭按钮$(".a").on("click", function(e){ if($(".menu").is(":hidden")){ $(".menu").show(); ...

默认隐藏一部分内容,点击展开显示更多,这种效果jquery怎么做?
这个功能其实很容易实现,我在这告诉你思路一个思路和步骤:1、把要显示的原样输出,作为更多要隐藏的内容你就用style="display:none"属性把它先隐藏;2、给查看更多绑定点击事件,点击后show你要展示的内容;实际代码如下:html 代码 Jquery代码:...

jquery 怎么实现获取文件夹里的文件
jquery中实现获取文件夹里的文件采用遍历的方法。function handleFileSelect(evt) { var files = evt.target.files; \/\/ FileList object \/\/ Loop through the FileList for (var i = 0, f; f = files[i]; i++) { var reader = new FileReader();\/\/ Closure to capture the file ...

申扎县13864273167: jquery中如何实现点击一串文字显示在文本框 -
人韦寒痛: $("#文字在的DOM元素的ID").click(function(){ $("#文本框的ID").text($(this).text());// $(this).text(),value()都有可能,看你这串文字是在哪个元素里 })

申扎县13864273167: jQuery如何实现一个显示数字,双击后变成可输入框? -
人韦寒痛: 说一下思路啊,把输入框和div重叠放在一起!通过控制div和输入框的display的block和none来控制,当然div中显示的数字要和文本框录入的数字同步起来!

申扎县13864273167: 用jQuery如何单击一个按钮然后显示一个文本框出来 -
人韦寒痛: Document $(document).ready(function () { $(".btn").click(function () { var html = $(""); $(html).val($("#wenben").val()); $(".main").append(html); }); });输入的文本:

申扎县13864273167: jquery添加一个输入框,然后在这个输入框中绑定事件,使点击这个输入框的时候就弹出这个输入框内的值? -
人韦寒痛: 假如直接在body里加一个输入框<br>$(function() {<br>var $text = $("<input type='text' value='123'/>");<br>$("body").append($text);<br>$text.click(function() {<br>alert($(this).val());<br>});<br>});<br>不过这样有一个缺点,就是你不能给这个输入框手动输入值,因为你一点击他,他就弹出alert了<br>所以还是一个其他对象的点击事件来实现弹出的好,或者不用点击,用输入框的焦点失去事件blur()

申扎县13864273167: 如何用jquery实现全选text里的文字 -
人韦寒痛: 下面的jquery代码可以实现点击文本框即全选其文字的效果:$("input:text").click(function(){$(this).select(); });示例代码如下1. 创建Html元素<div class="box"> <span>单击文本框全选文字:</span><br> <div class="content"> <input ...

申扎县13864273167: jquery中,载入一个页面同时文本框自动触发点击事件.该怎么实现?文本框ID为test. -
人韦寒痛: 1234 $(function(){ $('#test').trigger('click'); // 页面载入后模拟 click 事件 // 或者 $('#test').click(); });

申扎县13864273167: jquery鼠标双击实现文本输入方法? -
人韦寒痛: 这个很容易的,有两种方案:假设 html 为:<div id="name">点击编辑</div>1、改变 div 的可编辑属性$('#name').click(function(){ $(this).attr('contentEditable',true); });2:创建一个 <input />$('#name').click(function(){ $(this).html('<input value=...

申扎县13864273167: jQuery如何实现一个显示数字,双击后变成可输入框? -
人韦寒痛: <div contentEditable>数字</div> 不需要使用jq,直接用Html5中新增加的contentEditable属性即可实现在线编辑,你可以测试一下,非常实用的效果.

申扎县13864273167: jquery实现 点击按钮向层里加文本框 -
人韦寒痛: 代码如下:====================================================<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3....

申扎县13864273167: 我想用jquery实现弹出文本框,不知道代码怎么写请大神们帮忙啊!!! -
人韦寒痛: 最好用的弹出层是fancybox,它可以弹出来任何东西,可以是文本,可以是一个隐藏的节点,还可以是一个iframe,也就是说你只要写一个新的网页显示公告,这个链接上写上href=“公告网址”.然后给这个a写上一个class=“fancybox”,就可以直接jquery调用$("fancybox").fancybox();来初始化这个链接.初始化之后的链接再点击,就不会进行网页跳转,而是弹出一层进行加载,效果如图,还可以设置弹出动画、遮罩层、弹出层宽高、样式、透明度、居中、随窗口滚动居中等等.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网