js获取焦点事件用于div_js中<input/>如何获得焦点

Ⅰ 求一段js脚本：当DIV失去焦点后隐藏自身。而当DIV内部元素被点击的时候先触发点击事件再触发失去焦点事件

呵呵，我也遇到过同样的问题，一开始的想法是在弹出的DIV上用事件隐藏自己，如果这个DIV中没有其它内容的话是可以实现的，但如果在弹出的div中嵌套有其它div或其它标签的话，就会有问题。记得我好像使用了一个笨办法，就是先获取这个弹出的DIV的范围，同时获取鼠标的当前位置，当鼠标移出DIV的范围的时候，隐藏DIV。以下是这段代码，也共同期待有更好的办法。还需要说明的是这段代码在IE上没问题，如果是FireFox的话，获取鼠标当前位置应该用：event.pageX|Y，这个问题在代码中加一个判断应该可以解决。

<script language="javascript" type="text/javascript">
document.onmousemove = mouseouthide;
//鼠标移出DIV范围时隐藏
function mouseouthide() {
var b=20;//加一点余量，否则当点击文本框时div没弹出就被隐藏了
var obj = document.getElementById("poplist"); //poplist是弹出div的ID号
var t = document.body.offsetTop;
var l = document.body.offsetLeft;
var ol = l + obj.offsetLeft-b;
var or = l + obj.offsetLeft + obj.offsetWidth + b;
var ot = t + obj.offsetTop-b;
var ob = t + obj.offsetTop + obj.offsetHeight + b;
var x = event.clientX + document.body.scrollLeft;
var y = event.clientY + document.body.scrollTop;
if (x <= ol || x >= or || y <= ot || y >= ob)
obj.style.display = "none";
}
</script>

Ⅱ js中<input/>如何获得焦点

用自带的()就可以了

利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下：

<html>

<head>

//输入框获取鼠标焦点

function autoFocus(){

var pFocus = document.getElementById("password");

pFocus.focus();

pFocus.select();

}

</script>

</head>

</form>

</div>

</body>

</html>

(2)js获取焦点事件用于div扩展阅读：

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在HTML页面中定义。

JavaScript官方API接口-:focus

网络-JavaScript

W3cschool-获得字段焦点

Ⅲ 在css样式中能不能直接设定某个元素获得焦点如一个<div>在页面加载完之后焦点就在他上面

写jquery吧
假设你要设为焦点的id为yyy，例如<input type='text' id='yyy' />
然后在页面里先引入Jquery，然后自定义函数
<script type='text/javascript'>
$(function(){
yyy.focus();

});

</script>

Ⅳ js获取div内容

假设你抄的html中有以下的div
<div id="id1">
</div>
<div id="id2">
</div>
如果是要获取id是id1的div的数据，获取div里面的内容有两种方式
1，纯js获取数据
var a=document.getElementById("id1").innerText;

2，jqeury获取数据
var a=$("#id1").html();

Ⅳ HTML和JS中所谓的“焦点”是指什么

焦点在HTML和JS中是只光标。

焦点在JS和HTML里是在页面上屏幕中闪动的小竖线，鼠标点击就可获得光标，Tab键可按照设置的Tabindex来进行切换焦点。

示例：

<divid="demo"></div>

<divid="test"></div>

<divid="one"></div>

<divid="two"></div>

<divid="three"></div>

<divid="fore"></div>

<divid="five"></div>

<divid="six"></div>

function$(id){

returndocument.getElementById(id);

}

$("demo").style.backgroundColor="green";

//调用方法

$("test").style.backgroundColor="blue";

$("one").style.backgroundColor="orange";

$("two").style.backgroundColor="red";

$("three").style.backgroundColor="purple";

$("fore").style.backgroundColor="#f6e71f";

$("five").style.backgroundColor="#5153ff";

$("six").style.backgroundColor="#ff1496";

//调用函数，并直接修改盒子的背景颜色

(5)js获取焦点事件用于div扩展阅读

jquery判断input输入框的值

//输入框正在输入时

$("#ipt").on('input',function(){

if(!($('#ipt').val()=='')){

$(".cancle_ico").removeClass('hide');

}else{

$(".cancle_ico").addClass('hide');

}

})

//输入框得到焦点时

$("#ipt").on('focus',function(){

if(!($('#ipt').val()=='')){

$(".cancle_ico").removeClass('hide');

}else{

$(".cancle_ico").addClass('hide');

}

})

//输入框失去焦点时

$("#ipt").on('blur',function(){

if(($('#ipt').val()=='')){

$(".cancle_ico").addClass('hide');

}else{

$(".cancle_ico").removeClass('hide');

}

})

Ⅵ js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div

如下参考：

1.页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。

Ⅶ 点击js弹出div层，当鼠标移出div层窗口后任意点击关闭div层窗口！大虾们应该怎么实现啊啊啊

div对象.onclick=function(ev){ev = ev || window.event; ev.cancelBubble = true;}
document.documentElement.onclick=function(ev){这里写关闭div的代码}
不懂再问我

Ⅷ JS如何获取某个DIV下的元素

1、新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。

2、在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

3、在test.html文件内，设置div的id属性为divcon，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得div下的元素”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行divfun（）函数。

6、在js标签中，创建divfun()函数，在函数内，通过id(divcon)获得div对象，使用html()方法便可以获得div对象下面的元素了。最后，使用alert()方法输出元素。

7、在浏览器打开test.html文件，点击按钮，查看结果。

总结

1、创建一个test.html文件。

2、在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。

3、在js标签内，创建函数，在函数内，使用getElementById()方法通过id（mydiv）获是div对象，再使用getElementsByTagName()方法获得div下面的p元素对象，最后，使用alert()方法输出p元素的内容。

导航:首页 > 编程语言 > js获取焦点事件用于div

js获取焦点事件用于div

与js获取焦点事件用于div相关的资料

友情链接