照彦-优快云博客

原创 el-input监听事件失效

在使用vue的时候使用element-ui的el-input组件的时候监听不了keyup.enter回车事件，查了一下原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，所以如下代码运行是无响应的：<el-input v-model="input" @keyup.enter="add" placeholder="请输入内容" ></el-input>在@keyup.

2017-08-02 22:09:26 4861

原创 textarea中屏蔽回车默认换行

我司网页版聊天里，用到多行文本框textarea，但是并没有清除默认回车事件，然后找了下解决方案，核心代码如下"test"> "text/javascript"> var test= document.getElementById("test"); test.onkeydown = function(e){ send(e); }

2017-01-11 12:39:27 11782

原创 jquery trigger()事件报错，Uncaught RangeError: Maximum call stack size exceeded。

起初，用trigger()是想隐藏input file，然后点击div的时候等于点击input file，便遇到了这个问题，这个问题的代码如下，请自行引入jquery。 aaaaaaaaaaaaaaaaaa $('.demo').click(function(){ $('.demoInput').trigger('click'); })

2017-01-11 11:37:51 3913

转载解决子元素滚动影响父元素的JS

因为我司一个聊天窗口里面聊天内容滚动起来到顶部的时候再滚就会触发窗口滚动条的滚动，搜了一下，找到张鑫旭大大的文章，感谢。$.fn.scrollUnique = function() { return $(this).each(function() { var eventType = 'mousewheel'; // 火狐是DOMMouseScro

2016-12-30 15:52:53 4119 1

原创 js点击删除最后一个元素节点

这里是昵称这里是未读信息条数 function remo(obj){ var test = obj.getElementsByClassName('test')[0]; var lastChild = obj.lastElementChild ? obj.lastElementChild : obj.lastChild; if(test ==

2016-12-22 20:40:02 18015

原创访问localhost显示You don't have permission to access / on this serv

在安装wampserver 2.2 时安装好后启动服务器，访问localhost显示You don't have permission to access / on this server. 造成这个问题的原因是Apache 的http.conf内的默认配置是 # onlineoffline tag - don't remove Order Deny,Allow Deny fro

2016-12-14 00:31:06 2338

转载做PC项目时遇到一个页面的选项较多，所以考虑了一下路由功能

说一下前端路由实现的简要原理，以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。直接看代码或许更直观。function Router() { this.routes = {}; this.currentUrl = '';}

2016-12-03 12:47:20 423

原创写一些百分比宽度时候，不让padding和border影响宽度

只需要给这几条CSS，顺便做了兼容。box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */

2016-12-01 00:29:53 1022

原创 CSS文字控制在二行超出部分不显示

文字控制在三行超出部分不显示

2016-11-19 15:26:03 2977

Yiright的博客