怎么使用微信JSSDK的自定义分享功能-小宇博客
关注互联网和网站运营的原创IT博客
微信在去年发布JSSDK后，把包括自定义分享在内的众多网页服务接口进行了统一。现在，如果要想自定义分享自己的网页信息给好友或朋友圈，就最好使用这个统一的网页服务接口。没有认证微信号的，可参考文章末尾的办法。一，首先在公众号管理后台“公众号设置”的“功能设置”里填写JS接口安全域名，域名需要通过ICP备案，没有备案域名可以用SAE、BAE等平台。此外，自定义分享功能需要通过微信认证才能使用，没有认证的可以跟关系好的朋友借用权限，在他的JS接口安全域名设置这里填上你的域名和共享同一个开发者ID。二，在需要调用JS接口的页面引入微信JSSDK的JS文件：http://res.wx.qq.com/open/js/jweixin-1.0.0.js，这个文件在需要分享的页面是必须要引用的，单独特别重申一下，其他方面请阅读官方文档http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e48dd613f.html&引用方法：在网页title标题下面加上：&script src=&http://res.wx.qq.com/open/js/jweixin-1.0.0.js&&&/script&三，下载官方示例代码：解压之后在例如PHP文件夹中看到以下文件：四，复制以上文件到你的游戏目录，为了方便所有游戏调用同一个文件，建议在主机根目录（即一级目录）建立一个JSSDK文件夹。五，在你需要自定义分享的网页源文件上（主机需支持PHP环境，网页文件名.html改成.php）引用JSSDK：在网页头部加上如下代码：&?php
require_once&&../jssdk/jssdk.php&;&//表示主机根目录下jssdk文件夹内jssdk.php文件
$jssdk&=&new&JSSDK(&AppID(应用ID)&,&&AppSecret(应用密钥)&);//填写开发者中心你的开发者ID
$signPackage&=&$jssdk-&GetSignPackage();
&script&src=&http://res.wx.qq.com/open/js/jweixin-1.0.0.js&&&/script&&&//必须引用该文件&&
&&&&script&
&wx.config({
&&&debug:&&false,&&//调式模式，设置为ture后会直接在网页上弹出调试信息，用于排查问题
&&&appId:&'&?php&echo&$signPackage[&appId&];?&',
&&&timestamp:&&?php&echo&$signPackage[&timestamp&];?&,
&&&nonceStr:&'&?php&echo&$signPackage[&nonceStr&];?&',
&&&signature:&'&?php&echo&$signPackage[&signature&];?&',
&&&jsApiList:&[&&//需要使用的网页服务接口
&&&&&&&'checkJsApi',&&//判断当前客户端版本是否支持指定JS接口
&&&&&&&'onMenuShareTimeline',&//分享给好友
&&&&&&&'onMenuShareAppMessage',&//分享到朋友圈
&&&&&&&'onMenuShareQQ',&&//分享到QQ
&&&&&&&'onMenuShareWeibo'&//分享到微博
&wx.ready(function&()&{&&&//ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
wx.onMenuShareTimeline({&&//例如分享到朋友圈的API&&
&&&title:&'',&//&分享标题
&&&link:&'',&//&分享链接
&&&imgUrl:&'',&//&分享图标
&&&success:&function&()&{
&&&&&&&//&用户确认分享后执行的回调函数
&&&cancel:&function&()&{
&&&&&&&//&用户取消分享后执行的回调函数
wx.error(function&(res)&{
&alert(res.errMsg);&&//打印错误消息。及把&debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
&/script&以上是常规的在动态页面的调用方法，为了更方便的多页面调用，建议通过AJAX跨域请求来实现调用权限，。那么，没有认证微信号，又没法借用权限的朋友，如何分享呢？这就必须让用户点击分享按钮或游戏结束时触发来改变title标题了，至于分享的小图片，在网页源文件&body&标签后，加上&div style=&display: none&& &img src=&图片文件的绝对URL地址& /& &/div&即可。OK，大概分享办法就是这样，下载步骤三中的官方示例代码后，在PHP文件夹下sample.php是调用API接口的示例文件。服务器平台建议使用新浪云SAE，邀请注册地址： （可直接通过新浪微博授权登录，通过此链接注册可获得200免费云豆奖励，首次充值可获得600云豆奖励）另外注意一下，起微信iOS客户端将升级为WKWebview内核，在WKWebview中将暂不支持cache&jsapi。&
详情请参考https://mp.weixin.qq.com/advanced/wiki?t=t=resource/res_main&id=mp_enmey其他可拉到底部看下文章评论，其他网友的反馈和建议。
本站所有文章均为小宇博客原创，转载请注明来源及出处！
作者：宇天行 （）
本文首发地址：
或许您还会喜欢这些文章：
怎么在手机上进行测试呢？在微信开发者工具中，测试都是ok的，但是虚拟出域名放到手机上就不行
我想问一下，设置好后文章分享自定义样式是用户自定义的还是我们公众号自定义的？怎么设置的？有没有例子？
你在JSSDK代码里定义的
微信第三方接口和微信小程序消息推送可参考天行数据www.tianapi.com
博主 我想问一下在公众号所发布的文章下面添加自定义的分享按钮，不会很明显的写上分享，这能否可行，会有封号的危险吗
公众号文章里面？图片按钮？还是自己做的网页里面分享按钮。没有明显的诱导行为，一般不会封的。
博主我想问下 为什么安卓机分享的时候没有图片，ios可以吧图片加载出来
这个就属于兼容问题了
至于分享的小图片，在网页源文件标签后，加上 即可。 这个试了多次都无效。
启用https后签名就会错误，不启用https就没有问题
我用的你的这个 jweixin-1.2.0.js用的是这个js 一直提示errmsg config invalid signature
weixin-1.2.0.js这是微信的，errmsg config invalid signature的意思是签名错误，检查你的参数是否正确传入
启用https后签名就会错误，不启用https就没有问题
https验证出现问题的是https不能调用http的微信的js，把引用微信js的那个路径改为https就可以了
您的公众服务号，是认证过的，怎么得到的呢？现在个人无法认证啊！岂不是我们个人无法走这条路了？把个人使用JSSDK都堵死了？
对，个人号无法认证也就无法使用JSSDK的自定义分享功能
另外注意一下，起微信iOS客户端将升级为WKWebview内核，在WKWebview中将暂不支持cache jsapi。 详情请参考https://mp.weixin.qq.com/advanced/wiki?t=t=resource/res_main&id=mp_enmey
目前JSSDk线上版本是 1.0.0 和 1.1.0，建立使用更新版本1.2.0 ，https://res.wx.qq.com/open/js/jweixin-1.2.0.js
我上周也发现分享自定义不好使，只有苹果5好使，其他一律不好使，各位大神有知道原因的吗？有什么解决方法
关于最近很多朋友JSSDK突然失效的问题，暂时我也不知道原因，经过测试我所使用的jssdk自定义分享功能完全正常（危险公众号是已认证、未过期的服务号），为了方便调用权限我是通过AJAX跨域请求来实现的，前端部分大概的步骤https://www.huceo.com/post/415.html，有空我把后端的代码分享出来。
分享不能自定义 标题 连接 和 图片 ，在手机上用都不行，在电脑端使用分享 就可以自定义
确定接入了JSSDK并认证了微信吗？
确定，之前一直好好的，突然间手机端就不能自定义了
我测试了一下我的jssdk，一切正常
貌似最近很多朋友的jssdk分享功能都失效了，可能是微信更新了相关规则
麻烦问下 分享不能自定义 怎么办
感谢楼主大大的分享
学习了，谢谢分享！
感谢楼主的分享
不错学习了，谢谢分享！
感谢楼主大大的分享，但是这个无法直接写入SAE，它会报警显示无权限，各位小伙伴也可以参考下这个http://blog.csdn.net/songshimvp1/article/details/
$mmc = memcache_init(); ////开启SAE缓存服务，memcache_get函数读缓存，memcache_set写缓存。
多谢楼主提点，我先去参考参考，嘿嘿。
这个应该用SAE的memcache服务
楼主大大真是业界良心啊
没有公众号的方法根本不起作用！
注意看步骤哦
没有认证微信号，又没法借用权限的朋友，如何分享呢？这就必须让用户点击分享按钮或游戏结束时触发来改变title标题了，至于分享的小图片，在网页源文件标签后，加上 即可。这个方法不行呀
标签后的第一张图片默认是分享icon
多说把《body》屏蔽了，微信会默认把《body》标签后的第一张照片作为分享是的小插图。
我用的就是站长提供的文件,我开了 但是,微信打开的时候报{"errMsg":config:invalid signature} 这个签名为什么会不一样啊!
去这里校验下http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
后台生成的签名和网页生成的不一致，appid和appSecret用的是测试号
你扫描下网页右上角的二维码，再加下我的微信吧。
这个我会，上海PHP装逼群
写的很长也写的很好！我看完了
秒赞不是偶然,是一种态度!
请问，.net分享的例子有么
请问博主，这个只适用于微信游戏分享么？对于移动端的微信分享可以么？
都一样的。。
请问可以用html页面调用jssdk吗？
可以，用ajax
你好，能不能帮忙写出html用ajax调用jssdk的代码？非常感谢！
网页右上角，关注微信，自定义菜单微信营销有。
不好意思！这个我早就关注了，但是没找到，能不能麻烦你发出来，非常感谢！
看看这个https://www.huceo.com/post/415.html
timestamp: &?php echo $signPackage["timestamp"];?&,这一句不需要单引号吗？没有单引号，js编译不了。加了单引号就提示errMsg":"config:fail"
怎么调用之后会有 GetSignPackage(); ?&这个在页面头部显示
小弟不胜感激
有帮助就好
不错的文章，对我太有帮助了
支付宝和微信干上了 支持博主勒，文章很赞，欢迎回访
神仙打架，凡人围观
尊敬的站长朋友您好，【微部落博客大全114.vprol.com】“建站技术”分类网站巡视，目前微部落博客大全为您贡献总去路55，贵站总来路0。保持网站内容更新和服务器的稳定是提高用户体验的关键，感谢站长的无私分享，微部落博客大全为您的网站流量添砖加瓦。
暂时还没有用微信做过推广
尊敬的站长朋友您好，贵站已经被微部落博客大全收录在分类“建站技术”，博客大全最新域名114.vprol.com有空去看看哦。来访IP即首页首栏展示，您贡献来的IP越多，微部落返还的去路IP回报也会越多哦！！！
使用微信JSSDK的自定义分享，虽然知道怎么用但是还是要支持下博主
求指教，QQ
我用的就是站长提供的文件,我开了 但是,微信打开的时候报{"errMsg":config:invalid signature} 这个签名为什么会不一样啊!
我用的就是站长提供的文件,我开了 但是,微信打开的时候报{"errMsg":config:invalid signature} 这个签名为什么会不一样啊!
去这里校验下http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
去这里校验下http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
后台生成的签名和网页生成的不一致，appid和appSecret用的是测试号
后台生成的签名和网页生成的不一致，appid和appSecret用的是测试号
你扫描下网页右上角的二维码，再加下我的微信吧。
你扫描下网页右上角的二维码，再加下我的微信吧。
近期发表文章
年度热评文章
转发分享好友
网盟广告赞助js动态生成word， 带页码， 奇偶页码不同
【导读】 经验教程提供生活常识类经验分享:美容时尚,养生保健,美食烹饪,购房置业,育儿母婴,礼节礼仪,宠物饲养,家庭关系,交友技巧，教育资料等。
&scriptlanguage="javascript"&type="text/javascript"&var i=1;function CreateWord() {&&&& varWordFile = new ActiveXObject("Word.Application");&&&& WordFile.Application.Visible=&&&& vardoc = WordFile.Application.Documents.Add();&&&&&&&& &&&& WordFile.Selection.PageSetup.LeftMargin= 50;&&&WordFile.Selection.PageSetup.RightMargin =& 50;&&&& &&&& WordFile.Selection.Style= doc.Styles("正文");&& & //格式&&&& WordFile.Selection.ParagraphFormat.Alignment= 0;& //对齐方式&&&& WordFile.Selection.Font.size= 16;&&&& &&&&&&&&&&& //字体大小&&&& WordFile.Selection.Font.Name= "黑体";&&&&&&&&&&&& //字体样式&&&& WordFile.Selection.TypeText("这 里"); &&&&&&& &&&&//内容可以读取控件中的值document.all("txtNeirong").value&&&& WordFile.Selection.TypeParagraph();& &&&&&&&&&&&& //换行&&&& WordFile.Selection.TypeParagraph(); &&&& WordFile.Selection.TypeParagraph();&&&&&&&& &&&& WordFile.Selection.ParagraphFormat.Alignment= 1;& //对齐方式&&&& WordFile.Selection.Font.size= 34;&&&& WordFile.Selection.Font.Bold=&& &&&&&&&&&&& &//打开粗体&&&& WordFile.Selection.Font.Name= "楷体_GB2312";&&&& WordFile.Selection.TypeText("标题");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.Font.Bold=& &&&&&&& &&&& //关闭粗体&&&& WordFile.Selection.Font.Name= "黑体";&&&& WordFile.Selection.TypeText("这 里");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.TypeText("***");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.TypeParagraph();&&&& &&&& WordFile.Selection.ParagraphFormat.Alignment= 0;& &&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.Font.Name= "黑体";&&&& WordFile.Selection.TypeText("&& 一、");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.TypeText("1111111"); &&&& WordFile.Selection.TypeParagraph();&&&&&&&& &&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.Font.Name= "黑体";&&&& WordFile.Selection.TypeText("&& 二、");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.TypeText("");& &&&& WordFile.Selection.TypeParagraph();&&&& &&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.Font.Name= "黑体";&&&& WordFile.Selection.TypeText("&& 三、");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.TypeText("");&&&& &&&WordFile.Selection.TypeParagraph ();&&&&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.Font.Name= "黑体";&&&& WordFile.Selection.TypeText("&& 四、");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.Font.size= 16;&&&& WordFile.Selection.TypeText("");&&&WordFile.Selection.TypeParagraph ();&&&&WordFile.Selection.Style. = doc.Styles("页脚");& &&& &//设置下文格式也可以用其他方法，我只是为了便捷&&&&&&doc.Tables.Add (WordFile.Selection.Range, 1,1,2);& //表格&&&& vartable=WordFile.ActiveDocument.Tables(1);&&&table.Borders(2).LineStyle=0;&&&&&&&&&&&&&&&&&
//隐藏边框&&&table.Borders(4).LineStyle=0;&&& &&&& &&&& WordFile.Selection.Font.Name= "仿宋_GB2312";&&&& WordFile.Selection.Font.Bold=&&&& WordFile.Selection.Font.size= 14;&&&& WordFile.Selection.TypeText("1111111");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.TypeText("2222222");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.TypeText("3333333 ");&&&& WordFile.Selection.TypeParagraph();&&&& WordFile.Selection.ParagraphFormat.Alignment= 2;&&&& WordFile.Selection.Font.size= 12;&&&& WordFile.Selection.TypeText("4444444");& &&&&& //添加页脚（奇数页右对齐，偶数页左对齐）WordFile.Selection.PageSetup.OddAndEvenPagesHeaderFooter = //注意这句,如果设定偶数或者奇数页眉需要&&WordFile.Selection.WholeStory();&&WordFile.Selection.Application.Browser.Previous();&&if(WordFile.ActiveWindow.View.SplitSpecial != 0& ) WordFile.ActiveWindow.Panes(2).Close();&&&if(WordFile.ActiveWindow.ActivePane.View.Type == 1 ||WordFile.ActiveWindow.ActivePane.View.Type == 2)&&&& WordFile.ActiveWindow.ActivePane.View.Type= 3;&&&WordFile.ActiveWindow.ActivePane.View.SeekView& = 10;&&&WordFile.Selection.Fields.Add (WordFile.Selection.Range, 33);&&&WordFile.Selection.HomeKey(5,1);&&&WordFile.Selection.Font.Size = 16;&&&WordFile.Selection.ParagraphFormat.Alignment = 2;&&&WordFile.Selection.HomeKey(5);&&&WordFile.Selection.Sections(1).Footers(1).Range.InsertBefore("--");&&&WordFile.Selection.EndKey(5);&&&WordFile.Selection.Sections(1).Footers(1).Range.InsertAfter("--");&&&try{& //此处添加偶数页 ， 刚好一页的时候这里会报错，所以将其跳过。&&&&&&&WordFile.ActiveWindow.ActivePane.View.NextHeaderFooter();&&&&&&&WordFile.Selection.Fields.Add (WordFile.Selection.Range, 33);&&&&&&&WordFile.Selection.HomeKey(5,1);&&&&&&&WordFile.Selection.Font.Size = 16&&&&&&&WordFile.Selection.ParagraphFormat.Alignment = 0;&&&&&&&WordFile.Selection.HomeKey(5);&&&&&&&WordFile.Selection.Sections(1).Footers(3).Range.InsertBefore("--");&&&&&&&WordFile.Selection.EndKey(5);&&&&&&&WordFile.Selection.Sections(1).Footers(3).Range.InsertAfter("--");&&&&}catch(e){}&& &&&WordFile.ActiveWindow.ActivePane.View.SeekView = 10;& &&&&&& //Word中打开页脚&&&& WordFile.Application.WindowState= 1; &&&&&&&&&&&&&&&&&&&&&&&&&& //窗口最大化}CreateWord();&/script.&//将浏览器的安全级别中的与 ActiveX 相关的选项设为启用// 未解决问题：word2003中打印了页眉的横线 .-->可以手动删除（选中页眉，然后在关闭页眉）// 本人是在asp.net中进行的测试，其他平台请自行测试。
端午节喝什么酒 雄黄酒其实千万不要喝 - 七丽时尚网
?唐立淇每日星座运势 - 七丽时尚网
雄黄酒和黄酒一样吗 雄黄酒需要谨慎对待 - 七丽时尚网
苏珊米勒每日星座运势 - 七丽时尚网
吃西红柿能减肥吗 一周减肥食谱推荐给你 - 七丽时尚网
蝴蝶臂的形成原因 三个动作让你告别它 - 七丽时尚网没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！在用extjs做参数设置的时候,想在文本框后加入说明子,在网站上走了一大圈还是没能找到合适的,小花用了一个下午的上班时间终于将这个页面与我想要的功能做出,页面很好看与自然,希望网友在用extjs做项目的时候用的着. var showF function panelShowForm() { showForm= showForm = new Ext.FormPanel({ renderTo:&showPanel&, region:'north', border:false
这篇文章主要介绍了file控件选择上传文件确定后触发了什么js事件,需要的朋友可以参考下 一直以来纠结于这个问题.今天闲来上网搜索了一下这个问题.终于知道答案.是onchange事件.经过本人测试,可用.还有说onpropertychange也可以.经chrome浏览器测试,无效果.不知道是什么原因.
这篇文章主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下 之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一下, 找到了解决方法. clientHeight:这个元素的高度,占用整个空间的高度 offsetHeight:是指元素内容的高度 scrollTop:可以理解为滚动条可以滚动的长度 以下是源代码 &iframe src=&~/Files/3.html& id=&qu
这篇文章主要介绍了js获取触发事件元素在整个网页中的绝对坐标.需要的朋友可以过来参考下,希望对大家有所帮助 如下所示: //返回数组类型 function findPosition(oElement) {//oElement 当前元素 if (typeof (oElement.offsetParent) != 'undefined') { for (var posX = 0, posY = 0; oE oElement = oElement.offsetParent) { posX
js 绑定带参数的事件以及手动触发事件,需要的朋友可以参考下. 1.html代码 &div& &div id=&tab&& &h2&标题一&/h2& &h2&标题二&/h2& &h2&标题三&/h2& &h2&标题四&/h2& div& &dl id=&tabcon&& &dd&内容一&/dd& &d
这篇文章主要介绍了js实现浏览器窗口大小被改变时触发事件的方法,实例分析了window.onresize方法的使用技巧,需要的朋友可以参考下 本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法.分享给大家供大家参考.具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: window.onresize = function(){ } 例如: 浏览器可见区域信息: 复制代码 代码如下: &span id=&info_jb51_net&qu
本篇文章主要是对JS实现鼠标单击与双击事件共存的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一直都认为在Web开发中,双击事件都是少至又少地使用,直到最近项目需要,要在一个按钮上绑定单击与双击两件事件.开始也觉得不就是给按钮绑下两个事件而已罢了--只是后来才明白,是我想得太简单,在双击事件触发的同时也会触发单击的~??/P& 通过一番研究后,终于利用JS中&setTimeout&延时执行方法的办法,将单击延迟300毫秒执行才解决了,代码如下: &!DO
触发事件,或称模拟用户动作.比如点击,我们可以用代码去模拟用户点击,达到的效果与真实的鼠标点击是一样的. 在 事件模块的演变 我使用了dispatchEvent(标准) 和fireEvent(IE)来主动触发事件.如下 ... dispatch = w3c ? function(el, type){ try{ var evt = document.createEvent('Event'); evt.initEvent(type,true,true); el.dispatchEvent(evt);
通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入,我谈谈对Image对象的一些认识. 看个例子: &input type=&button& name=&& value=&载入图片& onclick=&addImg('tt.jpg')& /& &script type=&text/javascript&& &!-- function addImg(isrc)
javascript 触发事件列表,整理的一些js的事件,一般常用的就是onclick,onmouseover等.大家可以了解下,方便以后应用. 1.单击事件___onclick 用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行. 如:&input type=&button& value=&打开页面& onlick=&window.open('xxxx.html','newwindow','width=456,he
onabort 当用户中断下载图像时触发. onactivate 当对象设置为活动元素时触发. onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发. onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发. onbeforeactivate 对象要被设置为当前元素前立即触发. onbeforecopy 当选中区复制到系统剪贴板之前在源对象触发. onbeforecut 当选中区从文档中删除之前在源对象触发. onbeforedeactivate
本文给大家介绍的是一段十分实用的代码,使用jQuery实现勾选复选框触发事件给input赋值,在制作项目的时候经常需要用到此功能,这里分享给大家. 代码如下: &!DOCTYPE html& &html xmlns=&http://www.w3.org/1999/xhtml&& &head& &title&jquery点击复选框触发事件给input赋值-柯乐义&/title&&base target=&_bla
如何实现input输入框实时输入触发事件,下面有个不不错的示例使用jquery实现的,感兴趣的朋友可以参考下 &input id=&productName& name=&productName& class=&wid10& type=&text& value=&& /& 复制代码 代码如下: //绑定商品名称联想 $('#productName').bind('input propertycha
这篇文章主要介绍了Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以参考下 Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重
当文本框的值发生改变时,触发事件,在IE中有效,具体的大家可以测试下. new document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端,每次都要往下拉一下,关于这个问题的解决方法如下 此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack =的启示有感而发. 原理是在点击时保存panel滚动条的位置,页
本篇文章主要是对JS判断文本框内容改变事件的简单实例进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 oninput,onpropertychange,onchange的用法 onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur): onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的: oninput是onpropertychange的非IE浏
这篇文章主要介绍了jQuery实现长按按钮触发事件的方法,可应用于手机端应用程序的开发中,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了jQuery实现长按按钮触发事件的方法.分享给大家供大家参考.具体分析如下: 现在手机端的快速发展,使许多手机手势需要制作到手机版的网页过程中 网上有许多长按按钮的插件,甚至仅仅是jQuery Mobile都有长按事件 但是基于种种的兼容性问题, 只使用jquery去实现长按动作,可以在手机端与电脑端保持极强的兼容性 一.基本目标 制作一个按钮,实质上一
JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理 JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理. 个人理解,其实就是事件的响应由谁来完成,OCX控件自身肯定是可以实现的,JS提供的这种机制使JS也可以完成OCX控件事件的响应. 简单举例如下: 首先在OCX控件中添加自定义事件(预定义事件同理,如鼠标点击等,没亲自试,感觉原理应该是一样的), 事件应该是属于窗口的,所以在
TextBox回车触发事件 数据库取图片在img显示 TextBox回车触发事件 //直接在js中写 &script language=&javascript&& function EnterTextBox() { if(event.keyCode == 13 && document.all[&TextBox1&].value != &&) { event.keyCode = 9; event.returnValue
这篇文章介绍了js 表单提交后按钮变灰的实例代码,有需要的朋友可以参考一下 &!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &html xmlns=&http://www.w3.org/1999/xhtml&& &head&
JQuery触发事件的通常写法,比如click事件的触发如下所示,感兴趣的朋友可以参考下 $('#jquery_ulsjcuiwqljksadjaspcjxzkhl li:eq(0) a').trigger('click'); $('#bt).click();
使用asp.net,在刷新页面的时候会自动触发服务器端的事件.举个简单的例子,如:一个注册页面,我们填写完注册信息之后,如果按F5刷新之后,会自动触发到Button事件上,这样就造成了又注册了一次的麻烦. 我先前的解决方案:用关键字查询,如有相同,则提示已有此用户. 但是这种方案不能在没有表识的情况下使用,他会重新提交.鉴于此,我寻找了一种新的解决方案,很庆幸,在朋友的提点下,迸发了这样的解决方案,肯定有更好的解决方案,不吝赐教. 解决思路:刷新时,捕捉KeyPress,让他触发其他无用的事件.
这篇文章主要是对js键盘上下左右键怎么触发function 进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 &script type=&text/javascript&& function jumpPage() { if (event.keyCode==37)//左 fun_a(); if (event.keyCode==38)//上 fun_b(); if (event.keyCode==39)//右 fun_c(); if (event.keyCod
使用asp.net,在刷新页面的时候会自动触发服务器端的事件.举个简单的例子,如:一个注册页面,我们填写完注册信息之后,如果按F5刷新之后,会自动触发到Button事件上,这样就造成了又注册了一次的麻烦. 我先前的解决方案:用关键字查询,如有相同,则提示已有此用户. 但是这种方案不能在没有表识的情况下使用,他会重新提交.鉴于此,我寻找了一种新的解决方案,很庆幸,在朋友的提点下,迸发了这样的解决方案,肯定有更好的解决方案,不吝赐教. 解决思路:刷新时,捕捉KeyPress,让他触发其他无用的事件.
项目中,用jquery 查找select ,并触发事件. 记一笔.关键代码,需要的朋友可以参考下. var count=$(&#drpCity option&). //查找城市 for(var i=0;i&i++){ var vTmp=$(&#drpCity&).get(0).options[i]. if($.trim(vTmp)==vDpoizone){ $(&#drpCity&).get(0).op
按Enter键触发事件比如提交等等,下面有个不错的示例,感兴趣的朋友可以参考下 $(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { // } }; });
这篇文章介绍了js获得地址栏?问号后参数的方法,有需要的朋友可以参考一下 比如地址:http://www.jb51.net/i?tn=list&word=liulan $(document).ready(function () { var url = window.location. if (url.indexOf(&?&) != -1) { var str = url.substr(1) strs = str.split(&&&);
用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法 用javascript获取鼠标位置: function mousePosition(ev) { if (ev.pageX || ev.pageY) { return { x: ev.pageX, y: ev.pageY }; } return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY +
本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种: &script type=&text/javascript&& function check(form) { if(form.userId.value=='') { alert(&请输入用户帐号!&); form.userId.focus(); } if(form.password.value==''){ a
这篇文章主要介绍了JS实现页面超时后自动跳转到登陆页面,需要的朋友可以参考下 JS代码: &script language=&javascript&& var myTime = setTimeout(&Timeout()&, 60000); function resetTime() { clearTimeout(myTime); myTime = setTimeout('Timeout()', 60000); } function Timeout() {
JQuery文本改变触发事件如聚焦事件.失焦事件等,下面有个示例,感兴趣的朋友可以参考下 Juery中聚焦事件: $(&#id&).focus(function(){ }); 失焦事件: 复制代码 代码如下: $(&#id&).blur(function(){ }); 但是文本改变事件却不能这样写: 复制代码 代码如下: $(&#id&).change(function(){ }); 文本改变事件可以这样写,propertychange是属性改变
键盘keycode的值 编写javascript时触发事件时很有用的要素,大家可以收藏一下. keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4 = keycode 5 = keycode 6 = keycode 7 = keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 10 = keycode 11 = keycode 12 = Clear keycode 13
这篇文章主要介绍了按Enter键触发事件的jquery方法,需要的朋友可以参考下 $(function () { document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { // } }; });
这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法.分享给大家供大家参考.具体实现方法如下: &html& &title&JS点击链接后,慢慢展开隐藏着的图片&/title& &body& &script language=&JavaScript&& var b=0;
前奏 window.location.reload();history.back(-1);history.go(1);多种页面刷新跳转详解 问题 JS页面跳转后,返回到该页面时,该页面的全局变量的值是怎么变化的? 待续----
以下JS代码执行完毕后,x.y.z的值分别是多少? 为什么? var x=1,y=z=0; function add(n){ n=n+1; } y=add(x); function add(n){ n=n+3; } z=add(x); 答案: 两个函数没有返回值,故y,z为undefined ,x=1
在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件 判断是否按下的为回车非常简单: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受&回车事件&,而onkeydown不会接受 IE8的onkeypress不会接受&回车事件&,而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: &input type=&qu
js addEvent 绑定 分析: function addEvent(elem, eventName, handler){ if (elem.addEventListener) { elem.addEventListener(eventName, handler, userCapture); } else if (elem.attachEvent) { elem.attachEvent(&on& + eventName, handler); } }; FireFox -& a
最近在做性能有关的数据上报,发现了两个非常有意思的东西:Chrome开发者工具的Timeline分析面板,以及DOMContentLoaded事件.一个是强大的令人发指的性能分析工具,一个是重要的性能指标,于是就用Timeline对DOMContentLoaded事件进行了一番研究 前端的纯技术就是对规范的认知 什么是DOMContentLoaded事件? 首先想到的是查看W3C的HTML5规范,DOMContentLoaded事件在什么时候触发: Once the user agent sto
onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. 2. oninput事件与onpropertychange事件的区别: oni
本文要说的是如何屏蔽默认的快捷键后去执行自定义的事件,下面以一个textarea中enter进行保存的例子为大家详细介绍下,感兴趣的朋友可以参考下哈 具体如何屏蔽更多的快捷键可以自行google搜索. 这里要说的是如何屏蔽后去执行自定义的事件. 这里为了方便使用的Kibo做例子,使用google搜索出来的结果一般都是javascript原生实现,很简单的,这里不做介绍. 这里是实现了在一个textarea中enter进行保存的例子,屏蔽掉了原来的回车事件. 代码如下: //键盘监听 var ar
在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件 判断是否按下的为回车非常简单: function EnterPress(){ if(event.keycode == 13){ ... } } IE6的onkeypress会接受&回车事件&,而onkeydown不会接受 IE8的onkeypress不会接受&回车事件&,而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: &input type=&qu
目录定位正文的应用想必大家都有见到过吧,下面有个不错的示例,大家可以参考下 一:先查看截图效果 1) 2)点击左侧导航栏里的目录会对应到对应的层 二:下载引进jquery-1.7.2.min.js文件 三:页面代码: &pre name=&code& class=&html&&&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://w
html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用 html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作.本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用. 一. onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像&好123&网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用
在html页面里面为某个元素的事件指定处理程序有很多种方式 第一种,也是 最常见的,就是直接在html标签里面通过指定事件处理程序同名的HTML属性来注册事件,代码如下: function eventHandler() { alert(&当前作用域是 input 元素本身&); } &input type=&button& value=&单击我& onclick=&eventHandler(this)&/& 第二种
这是又一个令我蛋疼的小问题.我在.xib文件中放了Segmented Control,我希望点击该控件上的segment按钮时触发一个action.我写好了IBAction的方法并做了相应的连接,但运行后点击segment总是无法调用action.很是捉急,搞了老半天才发现是事件搞错了.我按照一贯的思维,把事件类型弄成了Touch Up Inside,但正确的做法是设为 Value Changed. Value Changed!
由于我们在前端开发的过程中经常遇到在业务逻辑中想要某些html组件获得失去某些事件的作用或者为某些html组件新增一个事件的监听,但是由于目前的浏览器支持的语句普遍分为两种标准,一种是W3C标准:适用者为IE:一种是非W3C标准,适用者为chrome和firefox. 正是由于现行的这两种不同的标准所支持的代码的不同,造成了我们码农编写代码的复杂性和浏览器支持性,而本文所要讲的使用js来实现为HTML组件添加事件监听和移除事件监听也是由于这个原因而需要增加一些逻辑判断,包括当前浏览器的类型. 因
今天按照网上的说明配置了iis的gzip的压缩,但发现却没有压缩,原理需要设置type属性,所以以后写代码以后要注意标准. IIS7已经启用静态文件压缩(Gzip)但是死活不压缩,查找后发现是II7下MIME类型设置问题 将.js的MIME类型设置为application/javascript 再查看页面,已经启用了Gzip. 不过,几个天后又发现有的js文件被压缩,有的却没有 查找原因发现是引用js文件是没有设置type &script&&/script& &script
asp.net用日期插件,当选中一个日期时触发一个事件,以查询当前日期的数据.这是要跟数据库交互的.先贴出控件代码: &asp:TextBox ID=&txtDate& CssClass=&Wdate& Style=&width: 91& runat=&server& onfocus=&WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:t
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.047 (s). 11 q(s)