JavaScript&jQuery的使用相关问题

Jackson

1jQuery的data函数的使用

1.1 data函数为jquery中的一个数据绑定函数,其语法为data(key[,value]);,假如只有key表示取值,两个都有表示值的绑定
将page.pageCurrent属性绑定给pageCurrent
image.png
参数只有一个pageCurrent表示去到上面函数绑定的page.pageCurrent的值
image.png
1.2 javascript中this的指代相关问题
(1)
image.png
image.png
(2)
image.png
1.3 单击行选中复选框导致单机该复选框无效的问题
在 IE 的事件机制中,触发事件会从子元素向父元素逐级上传,就是说,如果子元素触发了单击事件,那么也会触发父元素的单击事 件;event.cancelBubble=true;可以停止事件继续上传补充一点,Ie的事件传递是从下到上的:

事件来源对象->上级对象->上上级对象->.....->body->document->window

NS的事件传递是从上到下:

window->document->body->....->
因此要加入如下一行的代码:
onclick="window.event.cancelBubble = true;"
1.4 即使搜索或input实时监听输入框变化
1.onchange事件:
此事件会在元素内容发生改变,且失去焦点的时候触发。
浏览器支持度较好。
2.onpropertychange事件:
此事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发此事件。
元素的任何属性改变都会触发该事件,不止是value。
只有IE11以下浏览器支持此事件。
3.oninput事件:
此事件会在value属性值发生改变时触发,通过js改变value属性值不会触发此事件。
只有IE8以上或者谷歌火狐等标准浏览器支持。
1.5 jQuery关键字冲突的问题
image.png
nodeName为JQuery当中的关键字,若用此关键字往后台传数据,则会报错误: 对象不支持“toUpperCase”属性或方法
image.png
1.6 encodeuricomponent()方法中文乱码问题
找到tomcat的server.xml文件,将connector的编码先改为UTF-8
image.png
1.7 form传action的问题
image.png
回答:
image.png

在JS中控制键盘输入 "delete键、backspace键、enter键"(涉及JSP、JQuery)及其他键

<script type="text/javascript">
var val=0;    
function delVal(){//[在对应的输入框加上属性: onkeydown="delVal();" ]
        var k=window.event.keyCode;
//通过弹出窗口,测试自己按的"delete"/"backspace"到底是不是对应的46/8,也可以用来查看"其他键"对应的值是什么!!!
            alert(k);
        if(k==8 || k==46){//backspace 或 delete键
            if(val>0){
                val=val-1;
                
            }
        }
        alert("val:"+val);
    }
</script>
<script type="text/javascript">
var val=0;    
function delVal(){//[在对应的输入框加上属性: onkeydown="delVal();" ]
        var k=window.event.keyCode;
//通过弹出窗口,测试自己按的"delete"/"backspace"到底是不是对应的46/8,也可以用来查看"其他键"对应的值是什么!!!
            alert(k);
        if(k==8 || k==46){//backspace 或 delete键
            if(val>0){
                val=val-1;
                
            }
        }
        alert("val:"+val);
    }
</script>
阅读 612
1 声望
0 粉丝
0 条评论
1 声望
0 粉丝
文章目录
宣传栏