美文网首页
在web页面中会使用到的jquery技巧

在web页面中会使用到的jquery技巧

作者: oneway3259 | 来源:发表于2016-01-29 17:39 被阅读13次

    返回顶部

    $('.top').click(function (e) {

    e.preventDefault();

    $('html').animate({

    scrollTop: 0

    }, 800);

    });

    演示地址: http://sandbox.runjs.cn/show/mqgxv1xq


    检查图像有没有加载完成

    $('img').load(function () {

    alert(‘加载完成’)

    });

    演示地址: http://sandbox.runjs.cn/show/68upct45


    修复 破坏的图片

    $('img').on('error', function () {

    if(!$(this).hasClass('broken-image')) {

    $(this).prop('src', 'img/broken.png').addClass('broken-image');

    }

    });

    演示地址:http://sandbox.runjs.cn/show/ul113ytn

    禁用提交按钮

    $('input').prop('disabled', true);

    演示地址:http://sandbox.runjs.cn/show/bpcrgaqu?#

    ajax错误处理

    $(document).ajaxError(function (e, xhr, settings, error) {

    console.log(error);

    });

    禁止右键

    $(document).bind("contextmenu",function(e){

    return false;

    });

    演示地址:http://sandbox.runjs.cn/show/1f4swhzq

    获取enter按键事件

    if (event.keyCode == 13) {

    alert(‘enter’)

    }

    http://sandbox.runjs.cn/show/ccyiqqcw

    获取页面离开事件

    window.onbeforeunload = function(){

    return '您的数据还未保存,是否离开当前页面?';

    }

    演示地址:http://sandbox.runjs.cn/show/44ehip73

    相关文章

      网友评论

          本文标题:在web页面中会使用到的jquery技巧

          本文链接:https://www.haomeiwen.com/subject/ebvjkttx.html