js中如何让每10个div换一行

js中如何让每10个div换一行,第1张

每10个换行太多了,就以每2个换行为例吧!

首先10个div标签。

<div class="box">
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <div>div4</div>
    <div>div5</div>
    <div>div6</div>
    <div>div7</div>
    <div>div8</div>
    <div>div9</div>
    <div>div10</div>
    <div>div11</div>
    <div>div11</div>
</div>

然后就是js代码

$("box div")each(function(index, element) {
    var idx=index+1;
    if (!(idx%2)){
        $(this)after('<br/>');
    }
});

主要的就是“idx%2”这里,进行判断就可以了。

JS中onkeydown, onkeyup, onblur 三个事件对比,并js实现判断文本框是否为空和按Enter键实现Tab换行

1、onkeydown, onkeyup, onblur

onkeydown: 是按下键盘中某个键时触发

onkeyup: 是按下键盘中某个键并d起时触发

最明显的是Textbox 当光标在Textbox上,你按下'a'键时

onkeydown是先响应其中事件,事件响应完了之后把'a'赋值给Textbox

onkeyup是先把'a'赋值给Textbox, 后响应其中的事件

onblur: 是切换光标时触发

2、判断文本框是否为空

//name: 提示信息

//stxt: 要判断的控件ID

function checkisnull(name, stxt){
var str = documentgetElementById(stxt);
if(strvaluelength == 0){
alert(nametoString() + "不能为空");
documentgetElementById(stxt)focus();
}
}

按下Enter键进行换行

function totab(){

if(windoweventkeyCode == 13){
windoweventkeyCode   =   9;

//keycode为13是Enter键 9是Tab键
}
}

3、在实际使用中

<asp:TextBox
ID="wTxt_JCTitle" onkeydown="totab()" onblur="checkisnull('本卷标题
','wTxt_JCTitle')"  runat="server"
 Font-Size="20pt"></asp:TextBox>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13369610.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-23
下一篇 2023-07-23

发表评论

登录后才能评论

评论列表(0条)

保存