iType.js仿输入文字效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <span id="ityped"></span> <script src="https://unpkg.com/i…

如题,换行符在textarea中是要当成一个字符的.用普通的maxlength属性就不行了,于是想到通过事件来控制输入文字的长度. 注意哦,回车换行不能算成字符.这样的话,普通的substring等方法可能都不适用,要考虑文字中的换行符. 目前的实现如下,还有不完美的地方.如drag事件没有考虑. <html> <head> </head> <body> <p> textArea2 </p> <textarea id='txtA…

js对输入文字个数的限制...

发表留言或者微博的时候,对输入文字个数的限制,下面分两种情况,每种分别介绍两种实现方式: 第一种:一个汉字算一位,两个字母或符号算一位. 通过ASCII编码来判断 textarea.onkeyup = function(){ //[^\x00-\xff]即ASCII编码不在0-255的字符,也就是汉子了,先把所有汉子换成任意两个字符,最后除以2,得到一个字符 var n = 150- Math.floor(this.value.replace(/[^\x00-\xff]/g,"aa")…

js仿黑客帝国文字数字雨效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>黑客帝国文字下落</title> <style> html, body {margin:0; padding:0; background-color:#000;} </style> <script src="http://apps.bdimg.com/lib…

js统计输入文字的字节数(byte)

这里主要考虑的是日文,日文中包含了半角和全角文字,半角算1,全角算2. <html> <head> <script language="javascript"> function alertLength() { var name = document.main.name.value; window.alert("入力文字:[" + name + "]"); var length = countLength(na…

js 控制输入文字的字数

直接上代码. <html> <head> </head> <body> <textarea id='txtArea' cols='50' rows='10'></textarea> </body> <script> function getSelectionText() { var selText = ""; if (window.getSelection) { // 只有IE6,IE7,I…

iOS webView与js交互在文本空格上输入文字

项目要求:webview加载html网址,内容为填空题型文本,需要在横线上添加答案,并点击提交按钮后再将答案进行回显正常加载的效果图片: 这个是用js交互后的效果图: 点击空格,输入想输入的答案,如a,b,效果图: 思路:要想实现直接点击题目文本的空格就能弹出键盘然后在横线上输入内容需要用到js交互: 实现的步骤: 一.实现点击插入答案: 直接加载接口中的文本: webView = [[UIWebView alloc]initWithFrame:CGRectMake(, , widthAll,…

JS 仿腾讯发表微博的效果

JS 仿腾讯发表微博的效果最近2天研究了下腾讯发表微博的效果特此来分享下,效果如下: 在此分享前来谈谈本人编写代码的习惯,很多人会问我既然用的是jquery框架为什么写的组件不用Jquery那种形式?我当时回答的是:每个人编写代码有每个人的习惯.但是我更想表达的是:这种编码个人觉得有一个很大的优点,我不是非常依赖于Jquery框架,因为不同的公司有不同的框架比如在淘宝用的kissy框架在支付宝用的是支付宝框架在百度用的是百度框架在腾讯有腾讯的前端js框架假如我的编写代码太依…

JS仿淘宝详情页菜单条智能定位效果

类似于淘宝详情页菜单条智能定位对于每个人来说并不陌生!如下截图所示:红色框的那部分! 基本原理: 是用JS侦听滚动事件,当页面的滚动距离(页面滚动的高度)大于或者等于 "对象"(要滚动的对象)距离页面顶部的高度,也就是说滚动的对象与窗口的上边缘接触时,立即将对象定位属性position值改成fixed(固定) (除IE6以外,因为IE6不支持fixed).对于IE6用绝对定位position:absolute,top:就是"游览器滚动的top".在 IE6下浏览看…

原生wcPop.js消息提示框(移动端)、内含仿微信弹窗效果

wcPop.js移动端消息对话框插件是之前的wxPop.js的升级版,优化了js和css,并且新增了仿微信弹窗效果, 是一款含有多种情景模式的原生模态消息对话框代码,可用于替代浏览器默认的alert弹出对话框,它提供各种参数和方法,功能非常强大.目前已经在项目中有应用到xwpop开发实例. 调用js库<script src="js/jquery-2.1.1.min.js"></script><script src="wcPop/wcPop.js&…