SignalR 实时更新 TextArea
SignalR Updating TextArea realtime
嗨,我刚开始学习 SignalR v2。我的 aspx 页面中有一个 textarea,我想在用户按下它时实时更新它。
问题: 我在浏览器中打开了 2 个选项卡。
如果我键入第一个字符示例 "a",什么也不会发生:
Tab1 文本区域:"a"
tab2 文本区域:无
然后我继续输入第二个字符"b"
Tab1 文本区域:"ab"
tab2 文本区域:"a"
总结:总是更新不了我输入的最新字符!
信号R Class
public class DocHub : Hub
{
public void Update(String text)
{
this.Clients.Others.updateText(text);
}
}
index.aspx
<body>
<form id="form1" runat="server">
<div style="font-size:50px;"> New Document</div>
<textarea rows="4" cols="50" id="ta"></textarea>
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/jquery.signalR-2.1.2.js"></script>
<script src="signalr/hubs"></script>
<script type="text/javascript">
$(function () {
var hubProxy = $.connection.docHub;
hubProxy.client.updateText = function (msg) {
$("#ta").val(msg);
};
$("#ta").keydown(function () {
hubProxy.server.update($("#ta").val());
});
$.connection.hub.start();
});
</script>
</form>
</body>
我真的会尝试改用 keyup
嗨,我刚开始学习 SignalR v2。我的 aspx 页面中有一个 textarea,我想在用户按下它时实时更新它。
问题: 我在浏览器中打开了 2 个选项卡。 如果我键入第一个字符示例 "a",什么也不会发生: Tab1 文本区域:"a" tab2 文本区域:无
然后我继续输入第二个字符"b" Tab1 文本区域:"ab" tab2 文本区域:"a"
总结:总是更新不了我输入的最新字符!
信号R Class
public class DocHub : Hub
{
public void Update(String text)
{
this.Clients.Others.updateText(text);
}
}
index.aspx
<body>
<form id="form1" runat="server">
<div style="font-size:50px;"> New Document</div>
<textarea rows="4" cols="50" id="ta"></textarea>
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/jquery.signalR-2.1.2.js"></script>
<script src="signalr/hubs"></script>
<script type="text/javascript">
$(function () {
var hubProxy = $.connection.docHub;
hubProxy.client.updateText = function (msg) {
$("#ta").val(msg);
};
$("#ta").keydown(function () {
hubProxy.server.update($("#ta").val());
});
$.connection.hub.start();
});
</script>
</form>
</body>
我真的会尝试改用 keyup