一些js和jquery操作功能

来源:互联网 发布:mysql如何创建数据库 编辑:程序博客网 时间:2024/05/22 03:13

jquery 内容改变时触发事件


今天做一张表单,要求行输入的时候,自动计算值,并且计算值的这一列,要自动合计。
开始用了onchange事件,但是在输入的时候,用Javascript计算出并填值的那一列并不会响应onchange事件。
Google了一下,找到 onpropertychange这个事件,用JS设置值也可以响应。
在Jquery里用的时候,必须要用bind。

复制代码 代码如下:

$("#textboxID").bind("propertychange", function() {
alert($(this).val());
});

 

 

兼容浏览器则写成:

$("#textboxID").bind("input propertychange", function() {
alert($(this).val());
});


$('<li id="login" class="top"><a href="#" class="top_link" onclick="showLogin()"><span>登陆</span></a></li>').insertBefore($("#indexPage"));//添加登陆按钮

insertBefore() 方法可在已有的子节点前插入一个新的子节点

username=username.trim();    //trim()去掉两端空字符串


boxup.client.NaviOrderDetail.controller.showBoxDetailPage=function(sender)
{
    var linkId = sender.target.value;                                                                  //sender :提交的控件     firefox 下的 event.target = IE 下的 event.srcElement     捕获事件对象
    linkId = boxup.client.encode(linkId);
    var statusId= sender.target.attributes.boxid.value;                                 //attributes.boxid.value:  获取自定义属性的值
};


vertical-align 属性设置元素的垂直对齐方式      line-height属性设置文字的垂直对齐方式


 <input type="file" "/>     size=document.getElementById(id).files[0].size;    //获取上传控件内部文件的大小  firefox完全兼容  ie可能有版本要求


js如何实现防止页面内容被选中     在开发拖动效果时,有一个非常恼人的地方要处理时,就是拖动时,文本被选中蓝色一片,容易造成用户分心,有损用户体验。如何使用js实现防止页面内容被选中。可以通过对元素的属性onselectstart="return false"来禁止用户选中网页上的某一元素内容,在firefox下可以通过样式:-moz-user-select: none;来控制 。
最新CSS3中的user-select也可以实现禁止用户选中,不过FF与webkit系浏览器是支持它的,IE9与opera11是不支持,所以用它之前先要判断浏览器的类型。下面给你个网上比较完整的例子,你可参考一下:http://www.dewen.org/q/5443/js%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E9%98%B2%E6%AD%A2%E9%A1%B5%E9%9D%A2%E5%86%85%E5%AE%B9%E8%A2%AB%E9%80%89%E4%B8%AD


拖拽缩放大小改进版:http://www.onlyaa.com/html/orginal/200812/03-2346.html


$(window).load(function(){});//页面所有东西加载完毕后执行事件


图片路径尽量写成../../这种新式,适用性强,或者写成一个公用方法

原创粉丝点击