jq常用事件(on,blur,focus,change)

// 方法一(推荐)
$('.box').on( "click",function() {} )
$('.box').on( "click",function(ev) {
ev.data.aaa // 跟js事件对象一样
}) // 方法二
$(".box").click( function(){} ) // 右键事件,取消系统默认事件
$('.sup').on('contextmenu' , function(ev) {
ev.preventDefault(); //取消事件
或者 return false; // 取消事件
}) // 事件冒泡:子父级拥有同样事件,子响应事件会传播到父级
// 子集点击事件: $('.sup').on('contextmenu' , function(ev) {
ev.stopPropagation(); // 阻止子集事件冒泡
}) $(".btn").on( function () {} ) // 值变化监测事件(input标签,只要值一变化触发)
$("#input").blur( function () {} ) // 失去焦点事件
$("#input").focus( function () {} ) // 获取焦点事件
$("#file").change( function () {} ) // 文件流,值变化触发事件(只对文件流有用)

js/jq等待图片(页面)加载完毕事件

jq页面加载完毕事件
$(document).ready(function () {
console.log('xxx')
}) 一般写成:
$(function(){
console.log('xxx')
}) 简写,可以保证页面加载完毕,还能保证jq局部变量 js页面加载完毕事件
window.onload = function () {} window.onload = function() {} 加载图片玩以后执行( 只能加载一个 )
window.load = function() {} 加载图片玩以后执行( 可以加载多个 )

js读取文件

$("#file").change(function () {
file = this.files[0];
reader = new FileReader(); {# 变成src属性,生成一个读文件的对象 #}
reader.readAsDataURL(file); {# 读取文件流 #} {# 等待文件流全部读取完毕 #}
reader.onload = function () {
$('.head_file').attr("src",reader.result)
}
});

jq常用事件(on,blur,focus,change),js/jq等待图片(页面)加载完毕事件,js读取文件的更多相关文章

  1. jQuery页面加载完毕事件及jQuery与JavaScript的比较

    1.jQuery概述 jQuery是一个JavaScript库,它集成了JavaScript.DOM.CSS和Ajax,简化了JavaScript编程,提倡write less, do more. 2 ...

  2. js判断页面加载完毕方法

    判断页面加载完成这个方法是很常见的,下面有三个常用的方法,各有利弊. 一.纯js方法 // (1).页面所有内容加载完成执行 window.onload = function(){ } // (2). ...

  3. 页面加载完毕后调用js方法进行布局操控 已实验

    页面加载完毕后调用js方法进行布局操控 已实验 $(function(){ var check1 = $("[id$=SMS]").is(':checked'); var bl=$ ...

  4. 图片懒加载插件lazyload.js详解

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. 为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件

    为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...

  6. Pace.js – 超赞的页面加载进度自动指示和 Ajax 导航效果

    在页面中引入 Pace.js  和您所选择主题的 CSS 文件,就可以让你的页面拥有漂亮的加载进度和 Ajax 导航效果.不需要挂接到任何代码,自动检测进展.您可以选择颜色和多种效果,有简约,闪光灯, ...

  7. JS判断页面加载完毕

    //JS判断页面加载完毕,再隐藏加载效果层,一个简单的JS加载效果. document.onreadystatechange = function () { if (document.readySta ...

  8. JS 页面加载触发事件 document.ready和window.onload的区别

    document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onlo ...

  9. JS 页面加载触发事件 document.ready和onload的区别(转)

    原博地址:http://blog.163.com/zhaoyanping_1125/blog/static/20132915320111129113723710/ * document.ready和o ...

随机推荐

  1. vue typescript ui库

    https://blog.csdn.net/phj_88/article/details/81302043 vuetifyjs

  2. HTML基础-------HTML标签(2)

    HTML标签(2) a标签(容器级单标签) 语义:跳转到指定的连接 属性 列表系列 1.无序列表 该列表由两部分组成:ul标签嵌套li标签(ul标签是典型的容器级标签) 图示: 2.有序列表 该列表由 ...

  3. Winform开发中对界面的组织布局

    在设计界面的时候,不管是在Web端,还是在Winform端,或者是WPF或者移动界面等应用上,我们对界面的组织布局,一直是比较有趣的话题,而组织界面的好坏从用户的感受来看,可以提供程序可使用性高低,也 ...

  4. css简单的一些基础知识

    css层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可 ...

  5. 开发日记:JsonCSharpHelp

    using Newtonsoft.Json; using Newtonsoft.Json.Linq; using Newtonsoft.Json.Converters; public static c ...

  6. js循环获取table中的值

    <script type="text/javascript"> function getTdValue() { var tableId = document.getEl ...

  7. 安装Cnario提示.Net 3.5安装错误, 检查Windows系统更新提示无法检查到更新, 安装.Net 3.5提示"Windows无法完成请求的更改, 错误代码:0x800F081F"

    症状: Windows检查系统更新时提示无法完成, 尝试安装.Net 3.5等组件时都无法完成, 错误代码: 0x800F081F 原因: 可能时设置了禁止Windows自动更新, 需要重新打开 解决 ...

  8. PHP7.0-PHP7.3新特性与变更

    到目前为止,PHP7发布已经升级到7.3,本文来总结一下每个版本的变更与新特性 PHP7.0 1. 组合比较符 (<=>) 组合比较符号用于比较两个表达式.当$a小于.等于或大于$b时它分 ...

  9. NodeJs之定时器与队列

    NodeJs之定时器与队列 一,介绍与需求 1.1,介绍 定时任务(node-schedule),是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序.它允许您使 ...

  10. mysql排序,同样的sql,mysql 每次查询结果顺序不一致

    某天项目中写了一句排序sql,但是发现每次执行的结果都不同,就是排序顺序不一样. select * from table_tmp order by printStatus asc,dealTime d ...