js如何在打开网页时，用代码来让文本框获得焦点

chenzekai123 2012-09-17 02:27:50

如题，

...全文

3580 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenzekai123 2012-10-15

打赏
举报

谢谢大家啊

hnlnbukn 2012-09-18

打赏
举报

[Quote=引用 12 楼的回复:]

HTML code
<script type="text/javascript">
function focustest(){
var inp=document.createElement("input");
inp.id="myinp";
inp.value="hahaha";
document.getElementById("create").app……
[/Quote]

不要激动。。。看他说的应该是没有插入到页面，，只创建出来了没有插入页面的话肯定获取不到焦点。。。

泡泡鱼_ 2012-09-17

打赏
举报

   <script  type="text/javascript">

function focustest(){

    var inp=document.createElement("input");

    inp.id="myinp";

    inp.value="hahaha";

    document.getElementById("create").appendChild(inp);

    inp.focus();

}  

</script>

<div id="create"></div>

<input type="button" onclick="focustest()" value="测试"/>

你这样会得不到焦点？？？？？？

chenzekai123 2012-09-17

打赏
举报

你自己试一下，不行的，创建完之后获取焦点txt.focus是无效的

hnlnbukn 2012-09-17

打赏
举报

比如你用
var txt = document.createElement("input");
这样创建了文本框对象
那么你把这个文本框插入了页面中以后就可以调用txt.focus()

如果不是这样创建的，，执行到插入的语句之后都可以用var txt = document.getElementById(ID)来获取到这个对象，调用txt.focus()就行。

hnlnbukn 2012-09-17

打赏
举报

插入文本框以后再选择到这个文本框对象，然后调用focus()方法

chenzekai123 2012-09-17

打赏
举报

是这样的，在已加载完成的网页中，我动态插入一个文本框，并且想让它获得焦点，这样的话就不能在onload事件上做处理了，这个应该怎么做呢

wei395107171 2012-09-17

打赏
举报

<body onload="Document.getElementById('id').focus();"></body>在body里面直接设置要获得交点的对象id就可以了，直接ok

泡泡鱼_ 2012-09-17

打赏
举报

不明白你的意思。关于获取焦点，前面几位说的大同小异，但都是正确的呀，你想让哪个对象获取焦点，直接设置就是了呀

chenzekai123 2012-09-17

打赏
举报

比如这种方法，在body标签中嵌入
<script type="text/javascript">

B1.focus();

</script>

，怎么用js代码动态生成这段html,并嵌套到里面执行呢

chenzekai123 2012-09-17

打赏
举报

除了在onload获取焦点这个方法外，有没有别的动态获取焦点的方法，比如我动态创建一个input的text，给它赋了值，但是直接用focus不起作用，有没有一种方法可以动态获取焦点的

wei395107171 2012-09-17

打赏
举报

有获取焦点的方法，要哪个文本框获得交点调用获得焦点的方法就可以了

madStone_l 2012-09-17

打赏
举报



window.onload = function(){

	document.getElementById('您文本框的id').focus();

}

wb817105 2012-09-17

打赏
举报

用focus()就可以了!

课程前部分介绍网页组成元素，浏览器内核，网页骨架，基本标签，标签属性中间部分学习网站中常用的标签，如链接，图片，表格，标题，内联等，并学习这些相关属性，如何用guiplan一键插入标签，一键选择属性，一键生成代码。最后一部分学习表单相关标签，如文本框，复选框，单选框，按钮。以及视频与音频等。相对之前几节稍微复杂一些，但通过guiplan软件一键生成代码，我们也可以像普通标签一样用起来非常简单。

第1章（\1）示例描述：变量。 1_1.htm 变量声明。 1_2.htm 局部变量和全局变量。 1_3.htm JavaScript中的强制类型转换。 1_4.htm 在HTML中为JavaScript传递变量。 1_5.htm 在HTML中引用JavaScript的变量。 1_6.htm 比较undefined和"undefined"。第2章（\2）示例描述：客户端的流程控制。 2_1.htm 条件判断语句if…else 2_2.htm 多条件判断语句switch。 2_3.htm 嵌套循环语句for。 2_4.htm 循环语句while。 2_5.htm 控制循环过程break和continue。 2_6.htm 利用流程控制语句实现冒泡排序。第3章（\3）示例描述：字符串操作。 3_1.htm 连接字符串。 3_2.htm 在字符串中查找指定字符。 3_3.htm 提取字符串中的字串。 3_4.htm 替换字符串中的指定字符。 3_5.htm 将字符串分解为数组。 3_6.htm 字符串大小写的书写和判断。第4章（\4）示例描述：数组技术。 4_1.htm 创建空数组。 4_2.htm 创建带初始值的数组。 4_3.htm 将数组转换为字符串。 4_4.htm 遍历数组中的元素。 4_5.htm 合并两个数组。 4_6.htm 创建多维数组。 4_7.htm 数组排序。第5章（\5）示例描述：JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm 简单的日历。 5_5.htm 标题栏显示日期。 5_6.htm 标题栏显示时间。 5_7.htm 不同时间的不同问候。第6章（\6）示例描述：JavaScript页面处理技巧。 6_1.htm 用JavaScript实现一个页面两份样式表。 6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其元素的选择状态。第7章（\7）示例描述：JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 7_7.htm 判断Ctrl键是否被按下。 7_8.htm 设置页面中某按钮的热键。第8章（\8）示例描述：窗口大小自动化管理。 8_1.htm 按指定要求打开的窗口。 8_2.htm 控制窗口的打开和关闭。 8_3.htm 从天而降的窗口。 8_4.htm 打开慢慢变大的窗口。 8_5.htm 打开一个四面变大的窗口。 8_6.htm 页面左右分开。 8_7.htm 定时打开网页。 8_8.htm 自动打开新的窗口。第9章（\9）示例描述：JavaScript结合文字实现特殊页面。 9_1.htm 逐隐逐现的文字特效。 9_2.htm 超酷的文字特效。 9_3.htm 阴影文字的特殊效果。 9_4.htm 彩色文字的特殊效果。 9_5.htm 升降文字的特殊效果。 9_6.htm 打字效果的文字特效。 9_7.htm 淡入淡出的文字效果。 9_8.htm 炽热文字的特殊效果。第10章（\10）示例描述：页面中的链接地址个性化。 10_1.htm 按时消失的链接。 10_2.htm 带滚动提示的链接。 10_3.htm 动态变换的链接。 10_4.htm 滚动链接。 10_5.htm 不断闪动的链接。 10_6.htm 在按钮上显示不同的链接。 10_7.htm 带链接的滚动字幕。第11章（\11）示例描述：在HTML中用JavaScript控制图像页面。 11_1.htm 不停闪烁的图片。 11_2.htm 图片展示选项。 11_3.htm 图片的渐显播放。 11_4.htm 将图片固定在页面左上角。 11_5.htm 左右移动的图片。 11_6.htm 图像滚动公告版。 11_7.

js实现焦点进入文本框内关闭输入法:imeMode 要用到的东西: imeMode:xxx 有四个参数 active 代表输入法为中文 inactive 代表输入法为英文 auto 代表打开输入法 (默认) disable 代表关闭输入法 <INPUT onfocus=" this.style.imeMode='active' " /> <INPUT onfocus=" this.style.imeMode='inactive' " /> <INPUT onfocus=" this.style.imeMode='auto' " /> <INPUT onfocus=" this.style.i

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章